2011-03-05 75 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)

+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而不是表格來佈局頁面。

+0

是的,我現在會這樣做,謝謝你的意見=) – r3x 2011-03-05 17:19:26

-2

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

和對於第二個問題,你應該把文本中的「標籤」第一個問題「p」裏面的標籤

包含輸入的標記

-2

嘗試將bgcolor放入嵌套的<table>標記中,而不是<tr>標記。它也是無效代碼,因爲<tr>內部沒有<td>

更好的方法是使用CSS。圍繞你的頭很難,但從長遠來看它更容易。

1

您應該使用CSS指定背景顏色和樣式。

使用表格排版是一個壞主意,有您的代碼中其他幾個幼稚的錯誤(即<p/>是錯誤的)

我建議你找對基本的HTML和CSS教程。也許beginner tutorial at HTML Dog會幫助你。表格有working examples

1

谷歌:CSS表設計

Smashing Magazine結果會幫助你解決這個問題。

+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>