Прижать элементы списка друг к другу

sstyle · August 31, 2010

.....
<style type="text/css">
ul.menu {
	padding: 0;
	margin: 0;
}
ul.menu li {
	padding: 0;
	margin: 0;
}
ul.menu li img {
	padding: 0;
	margin: 0;
	[b]float: left;[/b]
	text-align: right;
}
</style>
</head>
<body>
......
<table width="100%" cellpadding="0" cellspacing="0" id="header" border=1>
	<tr>
		<td width="55" height="43"></td>
		<td width="519" height="43" valign="bottom">
		<img src="h1.jpg"><br>
		</td>
		<td height="43" class="tel" valign="top">
		bla bla
		</td>
	</tr>
	<tr>
		<td width="55" height="153" class="red" valign="bottom">
		<img src="/red.jpg">
		</td>
		<td rowspan="2" width="519"><img src="h2.jpg"><br></td>
		<td rowspan="2" valign="top">
		<ul class="menu">
		<li><a href="/2010-08-30-06-37-40.html"><img src="m1.jpg"  border=0/></a></li>
		<li><a href="/2010-08-30-06-38-40.html"><img src="m2.jpg" border=0/></a></li>
		<li><a href="/2010-08-30-06-57-58.html"><img src="m3.jpg" " border=0/></a></li>
		</ul>		
		</td>
	</tr>
	<tr>
		<td width="55"><img src="sp.gif" width="1" height="113"></td>
	</tr>
</table>

Вот когда прописываю float то прижимаются элементы списка, но по бокам образуются зазоры в 2-3пкс справа и слева. а если убираю то между картинок в списке зазоры...ппц какой то. причем только в IE так

Edited August 31, 2010 by sstyle

swetlana · August 31, 2010

для начала хорошо бы описать, что должно получиться.

Затем было бы неплохо привести код в соответствие со стандартами.

Ну и обнулением стилей не стоит пренебрегать. Хотя бы таким:

* { padding: 0; margin: 0; }

sstyle · August 31, 2010

нужно чтобы 4 изображения были друг под другом плотно, без зазоров. так же вписаны в ячейку без зазоров и все.

обнуление не помогает ( тут в чем-то другом дело

Edited August 31, 2010 by sstyle

sstyle · September 1, 2010

есть мысли у кого что не так?

psywalker · September 1, 2010

покажи картинку того, что хочешь получить

Searcher · September 1, 2010

Может поможет это?

sstyle · September 1, 2010

Может поможет это?

мегареспект! vertical-align: bottom - помогло

Searcher · September 1, 2010

не за что!

Sign In

Прижать элементы списка друг к другу

Question

sstyle

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

swetlana

Link to comment

Share on other sites

sstyle

Link to comment

Share on other sites

sstyle

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

sstyle

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information