Проблемы с FF

[Small_man]

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

<table width="210" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><a href="http://sait.ru"><img src="assets/images/1.1.gif" width="210" height="40" ></a></tr>
<tr><a href="http://sait.ru"><img src="assets/images/1.2.gif" width="210" height="40" ></a></tr>
<tr><a href="http://sait.ru"><img src="assets/images/1.3.gif" width="210" height="40" ></a></tr>
</table>

Опера и ie нормально его обрабатывают то мозила же проставляет промежутки между картинками,

если убрать ссылки то он отображает все корректно...

В чем может быть причина???

Edited March 26, 2009 by Small_man

[3ABAPKA]

Может написать его одной строкой без пробелов?

Иногда помогает!

[Small_man]

Может написать его одной строкой без пробелов?

перставил в одну строку все jpg и получил что и ie8 так же как и FF стал раздвигать картинки...

[Justnewone]

перставил в одну строку все jpg и получил что и ie8 так же как и FF стал раздвигать картинки...

Надо пойти почитать про таблицы, обязательно поможет.

[s0rr0w]

В чем может быть причина???

Маловато тегов для нормальной таблицы.

[Searcher]

Точно! а где, собственно, ячейки то у вас? Вижу только строки...

[Small_man]

ничего из выше предложенного не помогло...

просто как можно зверстать n-количество картинок-ссылок в один столбец, может кто посоветует что толковое???

<table width="100%" height="100%" cols="3" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td valign="top" width="210" height="100%">
			<table width="210" height="100%" cellspacing="0" cellpadding="0" border="0"><col width="210" valign="top">
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/logo.gif" width="210" height="160" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.1.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.2.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.3.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.4.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.5.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.6.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.7.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.8.gif" width="210" height="40" ></a></td></tr> 
			</table>
		</td>
	</tr>
</table>

может где ошибка в коде???

Edited March 26, 2009 by Small_man

[s0rr0w]

ничего из выше предложенного не помогло...

просто как можно зверстать n-количество картинок-ссылок в один столбец, может кто посоветует что толковое???

<a href="http://sait.net"><img src="assets/images/logo.gif" width="210" height="160" ></a>
<a href="http://sait.net"><img src="assets/images/1.1.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.2.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.3.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.4.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.5.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.6.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.7.gif" width="210" height="40" ></a>
<a href="http://sait.net"><img src="assets/images/1.8.gif" width="210" height="40" ></a>

a, img { display: block }

Edited March 26, 2009 by s0rr0w

[Small_man]

a, img { display: block }

помогло...спасибо...

[s0rr0w]

помогло...спасибо...

Аккуратнее, это изменяет стили ВСЕХ тегов A и IMG на странице.

[Small_man]

Аккуратнее, это изменяет стили ВСЕХ тегов A и IMG на странице.

наигрался...в соседней таблице расположена картинка так он у нее нарисовал белые границы по контуру(сверху и снизу шириной в пару пикселей) хотя и размера ячейки и картинки прописаны явно...есть решение теперь для этой проблемы???

Edited March 30, 2009 by Small_man

[Justnewone]

наигрался...в соседней таблице расположена картинка так он у нее нарисовал белые границы по контуру(сверху и снизу шириной в пару пикселей) хотя и размера ячейки и картинки прописаны явно...есть решение теперь для этой проблемы???

Скорей всего бордер где-то. Либо, если у родителя белый фон, маргин у рисунка или паддинг у родителя (думается, что стоит какой-нить cellpadding=2 необнуленый). Все можно превратить в 0 через CSS.

[Small_man]

самое забавное что нашел margin 22px при том что сдвиг шел всего на пару пикселей...

[s0rr0w]

самое забавное что нашел margin 22px при том что сдвиг шел всего на пару пикселей...

Читайте про margin collapse.