Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]ustawienie obrazkow w 2 kolumnach
Forum PHP.pl > Forum > Przedszkole
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:

  1. <ul>
  2. <li onclick="DrawToolButton('buffer')"><img src="img/menu/togglelegend.gif"></li>
  3. <li onclick="DrawToolButton('przycisk2')"><img src="img/menu/overview_html.gif"></li>
  4. <li onclick="DrawToolButton('przycisk4')"><img src="img/menu/zoomin_1.gif"></li>
  5. <li onclick="DrawToolButton('przycisk5')"><img src="img/menu/zoomout_1.gif"></li>
  6. <li onclick="DrawToolButton('przycisk6')"><img src="img/menu/fullextent_1.gif"></li>
  7. <li onclick="DrawToolButton('przycisk7')"><img src="img/menu/zoomactive_1.gif"></li>
  8. <li onclick="DrawToolButton('przycisk8')"><img src="img/menu/zoomlast.gif"></li>
  9. <ul>


i dopisalem do tego w css:
  1. ul, ul li {
  2. list-style: none;
  3. display: block;
  4. float: left;
  5. padding: 0px 1px;
  6. }

i przy mojej natywnej rozdzielczosci wszystko jest ok, ale po zmianie rozmiaru okna zdjecia sie rozjezdzaja, moze ktos wie jak temu zaradzic?
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żą.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.