Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Strict, valign, зазор в ячейке таблицы


Автор: Wheels 10.8.2009, 13:49
Здравствуйте.
"Замылился" глаз и никак не могу понять откуда берется зазор. Выставляю valign="top", а изображение (11 строка) все равно не "лепится" к верхней границе ячейки.
Подскажите, пожалуйста, где в коде косяк? Глюк заскринил, гиф прикрепил к посту для удобства.

Без Strict - все как надо, к слову.

user posted image
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Арррррр</title>
</head>
<body>

<table width="463" border="1" cellspacing="0" cellpadding="0">
<tr><td width="12" height="12" valign="top">
    <img src="/!/all/login_left_down.png" width="12" height="12" border="0" alt="">
</td>
<td style="background-repeat: repeat-x;" background="/!/all/login_down.png">
    <img src="/!/all/1x1.gif" width="1" height="1" border="0">
</td></tr>
</table>

</body>
</html>


Заранее огромнейшее спасибо.

Автор: dеluxe 10.8.2009, 14:15
Вставь общий стиль в документ, может поможетет
Код

* { margin: 0; padding: 0; }


а также отступ может появляться из-за BOM

Автор: Wheels 10.8.2009, 14:21
Цитата(dеluxe @  10.8.2009,  14:15 Найти цитируемый пост)
Вставь общий стиль в документ, может поможетет

{ margin: 0; padding: 0; }

а также отступ может появляться из-за BOM 


Спасибо за ответ, Deluxe
Вставить можно, но проблемы это не решает. Что есть ВОМ? Byte Order Mark?
Поменял кодировку, сохранил без BOM. Результат такой же.

Автор: bars80080 10.8.2009, 17:51
Цитата(Wheels @  10.8.2009,  14:21 Найти цитируемый пост)
Поменял кодировку, сохранил без BOM. Результат такой же.

да? а вы вставили 
Цитата(dеluxe @  10.8.2009,  14:15 Найти цитируемый пост)
* { margin: 0; padding: 0; }

или
Цитата(Wheels @  10.8.2009,  14:21 Найти цитируемый пост)
{ margin: 0; padding: 0; }

разница весьма большая

Автор: Wheels 11.8.2009, 08:47
Цитата(bars80080 @  10.8.2009,  17:51 Найти цитируемый пост)

да? а вы вставили 
Цитата(dеluxe @  10.8.2009,  14:15 Найти цитируемый пост)
* { margin: 0; padding: 0; }

или
Цитата(Wheels @  10.8.2009,  14:21 Найти цитируемый пост)
{ margin: 0; padding: 0; }

разница весьма большая 


Спасибо, но проблему решил, пустив необходимые изображения фоном, с необходимыми стилями. В любом случае, спасибо за отклик.

Добавлено через 3 минуты и 36 секунд
Цитата(bars80080 @  10.8.2009,  17:51 Найти цитируемый пост)

да? а вы вставили 
Цитата(dеluxe @  10.8.2009,  14:15 Найти цитируемый пост)
* { margin: 0; padding: 0; }

или
Цитата(Wheels @  10.8.2009,  14:21 Найти цитируемый пост)
{ margin: 0; padding: 0; }

разница весьма большая 


Спасибо, но проблему решил, пустив необходимые изображения фоном, с необходимыми стилями. В любом случае, спасибо за отклик.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)