Jump to content
  • 0

Проблема с таблицами в Firefox

mnemonix

Asked by mnemonix,

 Share

Question

mnemonix Explorer

mnemonix

Posted
Posted

Привет коллеги! Вот такая проблема у меня!

Есть код!

<HTML>
<HEAD>
<TITLE>Ïèñòàòûé ñàéòåö</TITLE>
<style text/css>
html,body,p,div,table,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
img,table {border-width:0;}
</style>
</HEAD>
<BODY bgColor="#1a1a1a" leftMargin="0" topMargin="0" marginheight="0" marginwidth="0">
<TABLE cellSpacing="0" cellPadding="0">
<TR>
 <TD></TD>
 <TD>
 <!-- Left menu user -->
 <TABLE cellSpacing="0" cellPadding="0">
 <TR><TD><A href="http://"><IMG src="image/but_ind.gif" width="59px" height="58px" alt="Íà ãëàâíóþ ñòðàíèöó"></A></TD> <TD><A href="http://"><IMG src="image/but_fri.gif" width="56px" height="58px" alt="Ñïèñîê äðóçåé"></A></TD></TR>
 <TR><TD><A href="http://"><IMG src="image/but_mes.gif" width="59px" height="55px" alt="Ñïèñîê ñîîáùåíèé"></A></TD> <TD><A href="http://"><IMG src="image/but_gal.gif" width="56px" height="55px" alt="Ôîòîãàëåðåÿ"></A></TD></TR>
 <TR><TD><A href="http://"><IMG src="image/but_new.gif" alt="Ëåíòà íîâîñòåé"></A></TD> <TD><A href="http://"><IMG src="image/but_vst.gif" alt="Ñïèñîê âñòðå÷"></A></TD></TR>
 <TR><TD><A href="http://"><IMG src="image/but_con.gif" alt="Ìîé êîíòåíò"></A></TD> <TD><A href="http://"><IMG src="image/but_soo.gif" alt="Ìîè ñîîáùåñòâà"></A></TD></TR>
 <TR><TD><A href="http://"><IMG src="image/but_zak.gif" alt="Ìîè çàêëàäêè"></A></TD> <TD><A href="http://"><IMG src="image/but_kon.gif" alt="Ìîè êîíôåðåíöèè"></A></TD></TR>
 <TR><TD><A href="http://"><IMG src="image/but_set.gif" alt="Ìîè íàñòðîéêè"></A></TD> <TD><A href="http://"><IMG src="image/but_ext.gif" alt="Âûõîä"></A></TD></TR> 
 <TR><TD><IMG src="image/but_down_left.gif"></TD> <TD><IMG src="image/but_down_right.gif"></TD></TR> 
 </TABLE>
 <!-- End left menu user -->
 </TD>
 <TD>

 </TD>
 <TD></TD>
</TR>
</TABLE>

</BODY>
</HTML>

В ОСлике отображается вс? отлично, а в лисичке с отступом после картики внутри ячейки!

А мне отступы не нужны! Что делать?

Пол дня потратил на эту проблему но так и не решил!

1.jpg

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0
homm Explorer

homm

Posted
Posted
а смысл? проверил: ctrl+a, ctr+u (все в строчные), поправил text/css пририсовал доктайп 3.2, задал - все ок в лиске 3.

Действия описанные в этом сообщении а также их смысл так и не поддались расшифровке. Попробую объяснить по другому:

В Strict режиме отступ снизу у картинок появляется из-за выравнивания по baseline. Что-бы отступа не было, нужно выровнять по bottom. Зачем нужны шаманства ctrl+a, ctr+u, и при чем там ширина ячеек?

Link to comment
Share on other sites
  • 0
D.S.Denton Explorer

D.S.Denton

Posted
Posted

затем что тут стриктом и не пахнет. поясняю подробнее что я сделал:

чтоб не переписывать каждый тэг строчными буквами - ctrl+a для выделения всего, ctrl+u для перекидывания выделенного в строчные.

добавляем доктайп.

сносим нахрен leftmargin и прочее из боди (топикстартер видимо откуда-то копипастнул не думая).

пишем правильно атрибут стайла type="text/css". убираем px из атрибутов img'ей.

ширина ячеек нужна чтоб альт-текст не растягивал их по горизонтали, но в общем угу, можно было не делать.

итог - Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9a9pre) Gecko/2007100804 Minefield/3.0a9pre - Build ID: 2007100804 - прекрасно все отображается, а валидатор пишет Info: Document content looks like HTML 4.01 Transitional, чего собственно и не ожидал, так что доктайп можно и сменить будет.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>1</title>
<style type="text/css">
html,body,img,p,div,table,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
img,table {border-width:0;}
</style>
</head>
<body bgcolor="#1a1a1a">
<table cellspacing="0" cellpadding="0">
<tr>
 <td></td>
 <td>
 <table cellspacing="0" cellpadding="0">
 <col width="59"><col width="56">
 <tr>
 <td><a href="http://"><img src="image/but_ind.gif" width="59" height="58" alt="1"></a></td>
 <td><a href="http://"><img src="image/but_fri.gif" width="56" height="58" alt="2"></a></td>
 </tr>
 <tr>
 <td><a href="http://"><img src="image/but_mes.gif" width="59" height="55" alt="3"></a></td>
 <td><a href="http://"><img src="image/but_gal.gif" width="56" height="55" alt="4"></a></td>
 </tr>
 <tr>
 <td><a href="http://"><img src="image/but_new.gif" alt="5"></a></td>
 <td><a href="http://"><img src="image/but_vst.gif" alt="6"></a></td>
 </tr>
 <tr>
 <td><a href="http://"><img src="image/but_con.gif" alt="7"></a></td>
 <td><a href="http://"><img src="image/but_soo.gif" alt="8"></a></td>
 </tr>
 <tr>
 <td><a href="http://"><img src="image/but_zak.gif" alt="9"></a></td>
 <td><a href="http://"><img src="image/but_kon.gif" alt="10"></a></td>
 </tr>
 <tr>
 <td><a href="http://"><img src="image/but_set.gif" alt="11"></a></td>
 <td><a href="http://"><img src="image/but_ext.gif" alt="12"></a></td>
 </tr>
 <tr>
 <td><img src="image/but_down_left.gif" alt="13"></td>
 <td><img src="image/but_down_right.gif" alt="14"></td>
 </tr>
 </table>
 </td>
 <td></td>
 <td></td>
</tr>
</table>

</body>
</html>

Link to comment
Share on other sites
  • 0
mnemonix Explorer

mnemonix

Posted
  • Author
Posted

Всем спасибо! Проблема из-за того что указан доктайп! Но даже при любом виде указанного док тайпа можно решить эту проблему! Решение искал целый день, дурья моя башка!

Вот решение: (На всякий случай вдруг кому пригодиться)

photo.gif"

Всего то нужно было указать style="display: block;"

А столько времени потерял!

Всем спасибо! Скоро с новыми вопросами появлюсь! Админам спс за востебованный форум!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept