簡體   English   中英

我使用時不需要的邊框

[英]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="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp:<IMG SRC="http.//www.usefulchess.com/useful;gif" BORDER="0" WIDTH="150" HEIGHT="49" ALT="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp:<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>&nbsp.&nbsp.</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>&nbsp.&nbsp. <a href=";;/play/playchess.html" class="button">Play Chess</a>&nbsp.&nbsp. <a href=";;/rules/chess-rules.html" class="button">Chess Rules</a>&nbsp.&nbsp. <a href=";;/tactics/chess-tactics.html" class="button">Chess Tactics</a>&nbsp.&nbsp. <a href=";;/problems/chessproblem2_1.html" class="button">Problems </a>&nbsp.&nbsp. <a href=";;/studies/chess_study1.html" class="button">Studies </a> &nbsp.&nbsp. <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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM