Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Глюк с ячейкой таблицы

Автор: MystDeim 20.8.2008, 21:23

Есть вот такая вёрстка:

Код


<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;" >
  <tr>
    <td><img src="img/top_abi2_logo.png" alt="" /></td>
    <td style="background-color: #98B0D4;" >&nbsp;</td>
  </tr>
</table>

Под картинкой в первой ячейки остаеться пару пикселей (в лисичке, опере глюк есть, в эксплорере все отлично)

Автор: bars80080 20.8.2008, 23:27

задай

Код


img { display: block; }

Автор: krundetz 20.8.2008, 23:31

Глянул в FF3 бага не заметил

Зато если формотнуть исходный код вот так

Код


<table border="0" cellspacing="0" cellpadding="0" style="" >
  <tr>
    <td>
    <img src="snapshot20080604191826.jpg" alt=""  />
    </td>
    <td style="background-color: #98B0D4;" >&nbsp;</td>
  </tr>
</table>

баг появляется в эксплорере и отсутствует в лисе

как раз решение bars80080 и исправляет такой вариант

Автор: MystDeim 21.8.2008, 17:11

Спасибо, display: block; с этим свойством всё ок!

Автор: Gold Dragon 22.8.2008, 08:25

Думаю вопрос всплывёт опять если я поставлю или в винде крупный шрифт или увелицу это в браузере. Так как нет размеров картинки, а во второй ячейке стоит пробел, то увеличивая размер проблема в какой-то момент всё равно появятся пиксели

Автор: bars80080 22.8.2008, 09:02

обычно такая вещь проходит незаметно. народ любит задавать фиксированный шрифт без вариантов

Автор: Gold Dragon 22.8.2008, 09:30

Цитата(bars80080 @ 22.8.2008, 10:02

)

народ любит задавать фиксированный шрифт без вариантов

смотря в чём мерить, например , пиксели и пункты очень сильно отличаются.. А для вышесказанной разметки больше подойдёт прозрачная Гифка с нужными размерами. Тогда есть полная гарантия что всё останется на свои местах

Автор: MystDeim 25.8.2008, 21:36

Прозрачная гифка не пойдет, так как у картинки свой фон и следующая ячейка будет залита таким же цветом, что и край картинки.
Вроде получилось сунуть картинку в div и задать фон, отображается нормально.

Автор: Gold Dragon 26.8.2008, 09:50

Цитата(MystDeim @ 25.8.2008, 22:36

)

Прозрачная гифка не пойдет, так как у картинки свой фон и следующая ячейка будет залита таким же цветом,

ничего не понял... она же прозрачная

Автор: SelenIT 26.8.2008, 11:46

Просто нужно понимать, откуда и когда эти пиксели берутся. Лучше всего узнавать об этом из http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps.