Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Wygląd panelu admina
adrianozo
post
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


Witam ponownie.
Zmieniłem właśnie layout strony i teraz treść jest położona na divie obrazku. W panelu admina mam ułożone funkcje:

a b c
d e f
g h i
j k l

I zrobione jest to za pomocą

  1. <div style="float:left; width:33%;">
  2. <a style="text-decoration: none;" href="/cpadmin_home.html"><img src="panel/images/home.png" width="32" height="32" border="0" /><br />Home</a><br />
  3. <a style="text-decoration: none;" href="/cpadmin_dodaj_do_portfolio.html"><img src="panel/images/dodaj_do_portfolio.png" width="32" height="32" border="0" /><br />Dodaj do portfolio</a><br />
  4. <a style="text-decoration: none;" href="/cpadmin_edytuj_w_portfolio.html"><img src="panel/images/edytuj_w_portfolio.png" width="32" height="32" border="0" /><br />Edytuj w porfolio</a><br />
  5. <a style="text-decoration: none;" href="/cpadmin_usun_z_portfolio.html"><img src="panel/images/usun_z_portfolio.png" width="32" height="32" border="0" /><br />Usuń z portfolio</a><br />
  6. <a style="text-decoration: none;" href="/cpadmin_oferta.html"><img src="panel/images/oferta.png" width="32" height="32" border="0" /><br />Oferta</a><br />
  7. <a style="text-decoration: none;" href="/cpadmin_dodaj_skrypt.html"><img src="panel/images/dodaj_skrypt.png" width="32" height="32" border="0" /><br />Dodaj skrypt</a><br /></div>
  8. <div style="float:left; width:33%;">
  9. <a style="text-decoration: none;" href="/cpadmin_edytuj_skrypt.html"><img src="panel/images/edytuj_skrypt.png" width="32" height="32" border="0" /><br />Edytuj skrypt</a><br />
  10. <a style="text-decoration: none;" href="/cpadmin_usun_skrypt.html"><img src="panel/images/usun_skrypt.png" width="32" height="32" border="0" /><br />Usuń skrypt</a><br />
  11. <a style="text-decoration: none;" href="/cpadmin_o_mnie.html"><img src="panel/images/o_mnie.png" width="32" height="32" border="0" /><br />O mnie</a><br />
  12. <a style="text-decoration: none;" href="/cpadmin_kontakt.html"><img src="panel/images/kontakt.png" width="32" height="32" border="0" /><br />Kontakt</a><br />
  13. <a style="text-decoration: none;" href="/cpadmin_dodaj_reklame.html"><img src="panel/images/dodaj_reklame.png" width="32" height="32" border="0" /><br />Dodaj reklamę</a><br />
  14. <a style="text-decoration: none;" href="/cpadmin_edytuj_reklame.html"><img src="panel/images/edytuj_reklame.png" width="32" height="32" border="0" /><br />Edytuj reklamę</a><br /></div>
  15. <div style="float:left; width:33%;">
  16. <a style="text-decoration: none;" href="/cpadmin_usun_reklame.html"><img src="panel/images/usun_reklame.png" width="32" height="32" border="0" /><br />Usuń reklamę</a><br />
  17. <a style="text-decoration: none;" href="/cpadmin_dodaj_admina.html"><img src="panel/images/dodaj_admina.png" width="32" height="32" border="0" /><br />Dodaj admina</a><br />
  18. <a style="text-decoration: none;" href="/cpadmin_usun_admina.html"><img src="panel/images/usun_admina.png" width="32" height="32" border="0" /><br />Usuń admina</a><br />
  19. <a style="text-decoration: none;" href="/cpadmin_dodaj_aktualne.html"><img src="panel/images/dodaj_aktualne.png" width="32" height="32" border="0" /><br />Dodaj realizacje</a><br />
  20. <a style="text-decoration: none;" href="/cpadmin_edytuj_aktualne.html"><img src="panel/images/edytuj_aktualne.png" width="32" height="32" border="0" /><br />Edytuj realizacje</a><br />
  21. <a style="text-decoration: none;" href="/cpadmin_usun_aktualne.html"><img src="panel/images/usun_aktualne.png" width="32" height="32" border="0" /><br />Usuń realizacje</a><br />
  22. </div>


i ułożenie jest ok, ale zaraz przed tym kodem divy się zamykają. Jak usunę float:left; to divy zamykają się we właściwym miejscu, ale jest wtedy taki układ:

a
b
c
d
e
f
g
h
i
j
k
l

A chcę układ taki jak wcześniej tylko żeby div zamykał się za tym kodem.
Z góry dziękuje za pomoc.
Pozdrawiam (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

Ostrzeżenie: (0%)
-----


Zostaw to
  1. float:left
ale dla diva nadaj
  1. overflow:hidden
Go to the top of the page
+Quote Post
adrianozo
post
Post #3





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


Jak zostawiam float: left to div zamyka się za wcześnie, a overflow: hidden nic nie zmienia
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 28.09.2025 - 09:29