1. 首页
  2. 问答
  3. HTML表格背景

HTML表格背景

2011-03-05 70 views
-1

你最近在做什么？HTML表格背景

在编写我的第一个HTML网站时遇到了一点困难！我坚持了一些细节，如果你们帮助我一点，我会非常感激，这也是我第一次写HTML，所以我很抱歉是我的错误和问题是微不足道的。

这里是我的问题：

想使在页面顶部的绿色背景，但我不能使用的bgcolor上色所在的表坐在一排，但是，这并不弄清楚如何，我累了似乎工作。

这是我累的事情：

<tr bgcolor = "green"> 
     <table width = "50%"> 
      <tr> 
       <td><a href = "http://www.google.com"> Home </a></td> 
       <td><a href = "http://www.google.com> About Us </a></td> 
       <td><a href = "http://www.google.com> Products </a></td> 
       <td><a href = "http://www.google.com> Services </a></td> 
       <td><a href = "http://www.google.com> Contact Us </a></td> 
      </tr> 
     </table> 
    </tr>

试图写旁边的输入字段（用户名密码输入字段）的东西时，另一个问题;当试图写出“办公室都是互联网商店...”，而不是出现在他们出现在他们的输入字段旁边！

这里是我做过什么

<tr> 
     <td> 
      <form action = "processor.class" method = "get"> 
       User Name: 
       <p/> 
       <input type = "text" name = "txtName" size = "10" /> 
       <p/> 
       Password: 
       <p/> 
       <input type = "password" name = "txtPassword" size = "10" /> 
       <p/> 
       <input type = "submit" value = "Login"/> <a href = "http://www.jce.ac.il"> Register account</a> 
      </form> 
     </td> 

     <td> 
     office all is an internet... 
     </td> 

    </tr>

你能帮助我吗？

感谢=）

编辑：感谢你们的帮助，如u都建议我将尝试读取CSS教程，并停止使用表，我会立即关闭线程，并打开它的时候，如果我有更多的问题要问（之后我学到了律更多关于CSS）

来源

2011-03-05 r3x

+0

奇怪，为什么表，而不是普通的HTML/CSS ... – bhu1st 2011-03-05 17:09:30

+0

使用CSS来应用背景' -color：green;'，而不是'bgcolor'属性。 – 2011-03-05 17:11:42

+0

...没有想到它是相当诚实的，因为我说这是我第一次用HTML/CSS编写 – r3x 2011-03-05 17:15:41

回答

6

无论您在哪里学习Web开发，转储该书籍/教程/任何东西，然后选择一些更近的​​内容。使用表格布置页面是一种非常糟糕的做事方式。如果你只是学习web开发，你应该学习如何用CSS而不是表格来布局页面。

来源

2011-03-05 17:11:59 Jim

+0

是的，我现在会这样做，谢谢你的意见=） – r3x 2011-03-05 17:19:26

-2

您可以使用CSS这是更有效的方式

和对于第二个问题，你应该把文本中的“标签”第一个问题“p”里面的标签

包含输入的标记

来源

2011-03-05 17:10:51

-2

尝试将bgcolor放入嵌套的<table>标记中，而不是<tr>标记。它也是无效代码，因为<tr>内部没有<td>。

更好的方法是使用CSS。围绕你的头很难，但从长远来看它更容易。

来源

2011-03-05 17:12:15

1

您应该使用CSS指定背景颜色和样式。

使用表格排版是一个坏主意，有您的代码中其他几个幼稚的错误（即<p/>是错误的）

我建议你找对基本的HTML和CSS教程。也许beginner tutorial at HTML Dog会帮助你。表格有working examples。

来源

2011-03-05 17:15:14 ghoppe

1

谷歌：CSS表设计

从Smashing Magazine结果会帮助你解决这个问题。

来源

2011-03-05 17:16:04 bhu1st

+0

会检查出来，谢谢你 – r3x 2011-03-05 17:20:13

-1

首先 - 这与良好来源棍子像HTMLDog（http://w3fools.com避免像瘟疫W3Schools的）

在无论你是从正在阻碍你进步的学习并不会帮助你实现自己的目标分钟，最好转储，我会花几个小时在看W3Schools的阅读CSS和HTML

W3Schools css W3Schools html

下面是一个非常粗略的方式来获得你想要的布局。注意使用水平列表而不是表格，以及使用css。

我也仍然使用了几桌，他们确实应该使用CSS以及更换..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<style type="text/css"> 
    ul 
    { 
    background-color:green; 
    list-style-type:none; 
    margin-top:0; 
    margin-bottom:0; 
    padding-top:1em; 
    padding-bottom:1em; 
    } 

    li 
    { 
    display:inline; 
    text-: white; 
    } 

    td 
    { 
    border: 1px solid black; 
    } 
</style> 
</head> 

<body> 
    <ul> 
    <li><a href="#home">Home</a></li> 
    <li><a href="#news">News</a></li> 
    <li><a href="#contact">Contact</a></li> 
    <li><a href="#about">About</a></li> 
    </ul> 

    <table> 
    <tr> 
     <td> 
     <form action = "processor.class" method = "get"> 
      <div> 
      User Name: <input type = "text" name = "txtName" size = "10" /> 
      </div> 
      <div> 
      Password: <input type = "password" name = "txtPassword" size = "10" /> 
      </div> 
      <div> 
      <input type = "submit" value = "Login"/> <a href = "http://www.jce.ac.il"> Register account</a> 
      </div> 
     </form> 
     </td> 
     <td> 
     <div> 
      office all is an internet... 
     </div> 
     </td> 
    </tr> 
    </table> 


</body> 

</html>

来源

2011-03-05 17:40:23 chrisp7575

相关问题

 相关问题