Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Warstwy w css
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
urbizdw
  1. body{
  2. background-color:#FFFFFF;
  3. }
  4. .srodek{
  5. margin: 0 auto;
  6. text-align: center;
  7. }
  8. .logo{
  9. width: 785px;
  10. height: 289px;
  11. background: url('logo.png') no-repeat;
  12. background-position: top center;
  13. margin: 0 auto;
  14. text-align:center;
  15. z-index:1;
  16. }
  17. .internet{
  18. background-image:url(internet.png);
  19. width:45px;
  20. height:122px;
  21. margin-left:500px;
  22. z-index:0;
  23. }


  1. <div class="srodek">
  2. <div class="logo">
  3. <div class="internet"></div>
  4. </div>
  5. </div>


Tak wyglada

A jak przerobic by przycisk byl pod logiem? Prosze o odpowiedz
osl
tak na szybko
ustaw pozycje .srodek i .logo relatywnie,
internet absolutnie z topem na 0
a diva internet wyciągnij z logo i wstaw do srodek
pozostanie Ci jeszcze kwestia ustawienia w poziomie...

pytanie jak się IE zachowa - nie mam takowego na podorędziu więc nie sprawdze....
urbizdw
tylko jak dam absolutnie to jak ustawic teraz wzgledem srodka? bo gdy bedzie inna rozdzielczosc to wtedy beda klopoty. Da sie moze jakos za pomoca z-index? prosze o podpowiedz i pomoc
osl
inaczej jeszcze:

do diva logo wrzuć jeszcze jednego diva logo, zewnętrznemu wyłącz tło i wrzuć do niego internet
klasie logo dodaj pozycje relatywną, internetowi absolutną. i teraz pozycjonujesz internet dokładnie tak jak wcześniej, np. margin-left

Tyle że tego w IE nie jestem już w ogóle w stanie przewidzieć winksmiley.jpg
urbizdw
Prosze zobaczcie czy kod css jest dobrze napisany i jak rozwiazac ten problem z guzikami zeby byly pod logiem. Prosze powiedzie mi co musze zrobic by bylo ok
To jest jak wyglada narazie
pawkow
div.menu_top wypozycjonuj absolutnie po prostu, o ile dobrze zrozumiałem Twój problem nie będzie z tym większych problemów. Nadaj div.logo position relative a div.menu_top absolute i sie baw.

Ewentualnie, jest fajny myk na pozycjonowanie divów z absolute na środku ekranu - ujemne marginesy.

Jeżeli znasz width elementu dajesz mu left: 50% i margin-left: -1/2width_elementu

dla przykładu:
width: 600px;
left: 50%;
margin-left: -300px;

oczywiście position: absolute;
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.