Разъезжается элементарная таблица в IE

PCSpeaker · January 6, 2009

<html>
<body bgcolor=#FFFFFF;>
<style type="text/css">
a img { border: none;} 
</style>

<table cellspacing="0" cellpadding="0">
	 <tr><td width="181" height="53">
		<a href ="#"><img src="new.jpg"></a>
	 </td></tr>
	 <tr><td width="181" height="53">
		<a href ="#"><img src="new.jpg"></a>
	 </td></tr>
</table>

</body>
</html>

Размер картинки new.jpg 181x53

Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать картинку со ссылкой на ней, заранее спасибо!

Searcher · January 6, 2009

1. пропишите доктайп

2. експлорер переносы строк плохо интерпретирует

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

Получаем такой код:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body bgcolor=#FFFFFF;>
<style type="text/css">
a img { border: none;}
</style>

<table cellspacing="0" cellpadding="0">
<tr><td width="181" height="53"><a href ="#"><img src="nf.gif" width="181" height="53"></a></td></tr>
<tr><td width="181" height="53"><a href ="#"><img src="nf.gif" width="181" height="53"></a></td></tr>
</table>

</body>
</html>

PCSpeaker · January 6, 2009

Searcher, спасибо огромное! и вправду были виноваты переносы.

Sign In

Разъезжается элементарная таблица в IE

Question

PCSpeaker

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

PCSpeaker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information