解決方法: 綠色的地方刪掉
原因:table底下的元素只能有thead, tbody, tfoot, tr, colgroup
但是你的code卻讓
<img src="item/User.png">
<input type="text" name="user"><br>
<img src="item/Password.png">
<input type="password" name="pw"><br>
這四行出現在 table 底下,造成錯誤的標籤結構。
當你的網頁語法不按牌理出牌,你只能祈禱瀏覽器夠強大,能猜中你的想法。
不意外的,你這篇的問題在Firefox上不會出現,IE6出現了。
可見你用的是很好很強大的IE。
如果可以的話,建議你修正幾個離譜的錯誤:
1. body 標籤只能有一對。
所謂的網頁(HTML)就是一份文件,一份文件<html>由頭部<head>與身體<body組成,
而你的網頁卻有兩個身體,不覺得詭異嗎?
2. 標籤與屬性都使用小寫,這是慣例,也是XHTML標準。
3. 避免使用已經被淘汰的標籤,例如 <center>
4. CSS 語法一率小寫。
最後一點,我猜想這篇語法不太可能是你自己手寫的,建議你砍掉你使用的網頁軟體
不意外的話應該是FrontPage。
※ 引述《CoMix (CoMix)》之銘言:
: 剛剛問的問題忘記補上 code ^^"
: 我想要讓我的網頁達到這樣的介面 圖片的後面可以緊接著text的欄位
: ┌─┐ ┌───────────┐
: │圖│ │ text │
: └─┘ └───────────┘
: 補上程式碼 ^^"
: <html>
: <head>
: <style>
: INPUT {
: BORDER-RIGHT: #ddd 1px solid;
: BORDER-TOP: #ddd 1px solid;
: FONT-SIZE: 10pt;
: BORDER-LEFT: #ddd 1px solid;
: COLOR: #555;
: BORDER-BOTTOM: #ddd 1px solid;
: FONT-FAMILY: verdana;
: }
: </style>
: </head>
: <BODY BGCOLOR="#EEEEEFF">
: <body>
: <center><img src="
" rel="nofollow">http://192.168.141.67/contest/item/Log_in.png"></img><br>
: <BR>
: <DIV style="border:1px solid #777777;padding:0px 130px 0px 90px
: ;margin-bottom:12px;">
: <form method="post" action="">
: <table border="0">
: <img src="item/User.png">
: <input type="text" name="user"><br>
: <img src="item/Password.png">
: <input type="password" name="pw"><br>
: <tr>
: <input type="submit" value="Login">
: <input type="reset" value="Reset">
: </tr>
: </table>
: <input type="hidden" name="hide" value="1">
: </form>
: </div>
: <BR>
: <BR>
: <img src="item/Copyright.png">
: </body>
: </html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.117.213.48
※ 編輯: chph 來自: 122.117.213.48 (02/21 18:52)
※ 編輯: chph 來自: 122.117.213.48 (02/21 18:57)
Re: [問題] 圖片後面緊接著text欄位 (補上code~~~)
推
02/21 21:03, , 1F
02/21 21:03, 1F
推
02/21 23:01, , 2F
02/21 23:01, 2F
推
02/22 00:36, , 3F
02/22 00:36, 3F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):