Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Ułożenie ikonek
Forum PHP.pl > Forum > Przedszkole
adrianozo
Witam.

Mam problem z ustawieniem ikonek. Chodzi o to, że każda następna kolumna jest "przyklejona" do poprzedniej i przesunięta w dół w stosunku do poprzedniej. Chodzi mi o uzyskanie efektu równości, tj. wszystko na jednym poziomie w czterech kolumnach:

  1. <div style="float:left; width:25%; border: 1px;">Podstrony<br />
  2. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/home.png" width="32" height="32" border="0" /><br />Home</a><br />
  3. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/oferta.png" width="32" height="32" border="0" /><br />Oferta</a><br />
  4. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/o_mnie.png" width="32" height="32" border="0" /><br />O mnie</a><br />
  5. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/kontakt.png" width="32" height="32" border="0" /><br />Kontakt</a><br /></div>
  6. <div style="float:left; width:25%; border: 1px;">Portfolio<br />
  7. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/dodaj_do_portfolio.png" width="32" height="32" border="0" /><br />Dodaj do portfolio</a><br />
  8. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/edytuj_w_portfolio.png" width="32" height="32" border="0" /><br />Edytuj w porfolio</a><br />
  9. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/usun_z_portfolio.png" width="32" height="32" border="0" /><br />Usuń z portfolio</a><br /></div>
  10. <div style="float:left; width:25%; border: 1px;">Skrypty<br />
  11. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/dodaj_skrypt.png" width="32" height="32" border="0" /><br />Dodaj skrypt</a><br />
  12. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/edytuj_skrypt.png" width="32" height="32" border="0" /><br />Edytuj skrypt</a><br />
  13. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/usun_skrypt.png" width="32" height="32" border="0" /><br />Usuń skrypt</a><br /></div>
  14. <div style="float:left; width:25%; border: 1px;">Blog<br />
  15. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/dodaj_aktualne.png" width="32" height="32" border="0" /><br />Dodaj wpis</a><br />
  16. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/edytuj_aktualne.png" width="32" height="32" border="0" /><br />Edytuj wpis</a><br />
  17. <a style="text-decoration: none;" href="/link.html"><img src="panel/images/usun_aktualne.png" width="32" height="32" border="0" /><br />Usuń wpis</a><br /></div>


http://iv.pl/images/76687671500367063017.png
lobopol
Pokaż to online, bo na oko powinno działać, tylko wywal tego bordera.
adrianozo
http://nportfolio.pl/qwert.html
lobopol
masz <br> w kodzie za każdym zamknięciem diva wywal i będą się wyświetlać poprawnie.

Ale nawiasem mówiąc ten kod jest syfny. Po pierwsze powinieneś stylować przez plik css a nie liniowo, po drugie wywalić wszelkie br z niego i ustawiać odpowiedniego css elementom.
adrianozo
O którym konkretnie <br> mówisz?
lobopol
za każdym zamknięciem diva z floatem masz br na stronie tu tego nie pokazujesz
adrianozo
Ale najdziwniejsze jest to, że nie wiem gdzie to jest dodawane

Ok mój błąd. Dzięki naprowadziłeś mnie smile.gif Podstrona była przekazywana przez funkcje bbcode
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.