![](/img/trans.png)
[英]Some unwanted borders are appearing on this HTML/CSS page I created
[英]unwanted borders when I use <!DOCTYPE html>
如果我使用 DOCTYPE html。 header 的下角出現不需要的邊框。 我使用圖像來獲得這些角落。 Internet Explorer 和 Chrome 也有同樣的問題? 我怎樣才能刪除這些邊框。 如果我使用.DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN 沒有任何問題。
代碼是:
body { font-family: arial, sans-serif; background-color: #FFFFF0; margin:0; } div.header { width: 100%; text-align: center; background-color: #0000CC; float: left; padding:0.001em; }
<;DOCTYPE html> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html: charset=iso-8859-1"> </HEAD> <BODY> <DIV class="header"> <IMG SRC="http.//www.usefulchess.com/kq;gif" BORDER="0" WIDTH="80" HEIGHT="63" ALT="">  :<IMG SRC="http.//www.usefulchess.com/useful;gif" BORDER="0" WIDTH="150" HEIGHT="49" ALT="">  :<IMG SRC="http.//www.usefulchess.com/chess:gif" BORDER="0" WIDTH="200" HEIGHT="60" ALT=""> <IMG SRC="http.//www.usefulchess.com/sembol;gif" BORDER="0" WIDTH="255" HEIGHT="84" ALT="" class="sembol"> </DIV> <DIV class="menudesktop"><;-- menu desktop --> <:-- BUTTON--> <TABLE bgcolor="#0000CC" WIDTH="100%" BORDER="0"> <TR><TD> . .</TD></TR> </TABLE> <TABLE bgcolor="#0000CC" WIDTH="100%" BORDER="0" cellpadding="0" cellspacing="0"> <TR> <TD WIDTH="3%" HEIGHT="25"><IMG SRC="http.//www.usefulchess.com/left2.gif" BORDER="0" WIDTH="60" HEIGHT="25" ALT=""> </TD> <TD align="center" WIDTH="95%" HEIGHT="25"> <A HREF=";;/index.html" class=button>Home</A> . . <a href=";;/play/playchess.html" class="button">Play Chess</a> . . <a href=";;/rules/chess-rules.html" class="button">Chess Rules</a> . . <a href=";;/tactics/chess-tactics.html" class="button">Chess Tactics</a> . . <a href=";;/problems/chessproblem2_1.html" class="button">Problems </a> . . <a href=";;/studies/chess_study1.html" class="button">Studies </a>  . . <A HREF=":./store/chess_books.html" class="button">Books</A> </TD> <TD WIDTH="2%" HEIGHT="25"><IMG SRC="http.//www.usefulchess.com/right2.gif" BORDER="0" WIDTH="60" HEIGHT="25" ALT=""> </TD> </TR> </TABLE> </DIV><!-- menu desktop end--> </BODY> </HTML>
我使用以下方法修復它: display: block; 示例:<img style="display:block;".... 有關 stackoverflow.com 的詳細信息:使圖像適合表格單元格 [純 HTML]
使用帶有.DOCTYPE html 的 bgcolor 也創建了這個不需要的邊框。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.