[CSS]ustawienie obrazkow w 2 kolumnach Opcje

[krh2]

czesc,

mam taki problem, mam ok 25 ikon (26x26px) ktore chce ustawic w nastepujacy sposob:

obrazek obrazek
obrazek obrazek
obrazek obrazek

i chce zeby to bylo ustawione niezaleznie od rozdzielczosci monitora. Do tej zrobilem to tak:

[HTML] pobierz, plaintext 
<ul>
<li onclick="DrawToolButton('buffer')"><img src="img/menu/togglelegend.gif"></li>
<li onclick="DrawToolButton('przycisk2')"><img src="img/menu/overview_html.gif"></li>
<li onclick="DrawToolButton('przycisk4')"><img src="img/menu/zoomin_1.gif"></li>
<li onclick="DrawToolButton('przycisk5')"><img src="img/menu/zoomout_1.gif"></li>
<li onclick="DrawToolButton('przycisk6')"><img src="img/menu/fullextent_1.gif"></li>
<li onclick="DrawToolButton('przycisk7')"><img src="img/menu/zoomactive_1.gif"></li>
<li onclick="DrawToolButton('przycisk8')"><img src="img/menu/zoomlast.gif"></li>
<ul>
[HTML] pobierz, plaintext 

i dopisalem do tego w css:

[CSS] pobierz, plaintext 
ul, ul li {
	list-style: none;
	display: block;
	float: left;
	padding: 0px 1px;
}
[CSS] pobierz, plaintext 

i przy mojej natywnej rozdzielczosci wszystko jest ok, ale po zmianie rozmiaru okna zdjecia sie rozjezdzaja, moze ktos wie jak temu zaradzic?

Ten post edytował krh2 19.10.2011, 15:06:42

[croc]

Możesz zrobić div o szerokości nieco większej niż 52 px i dać obrazkom margin. Tyle - one domyślnie są inline, więc same się ładnie ułożą.