Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] ważność warstwy
Forum PHP.pl > Forum > Przedszkole
Sebastian003
Witam, mam takowy problem, chodzi o warstwy chciałbym aby tekst czyli "nazwa h2" była nad tym tłem w png. tz. zeby tło nie zasłaniało tekstu.
Wiem, że coś takiego mozna wykonać za pomocą index-z ale mi jakoś nie wychodzi ?

http://jsfiddle.net/Jf2jm/9/
krzysiekk
  1. <div id="bloki">
  2. <div id="ga">
  3. <div id="blokc"><h2>Nazwa h2</h2></div>
  4. <div id="bloka"><h2>Nazwa h2</h2></div>
  5. <div id="blokb"><h2>Nazwa h2</h2></div>
  6. </div>
  7. </div>
  8. body {background-color:#ccc;}
  9. #bloki{ margin: 0 auto;
  10. overflow:hidden;}
  11. #blokc{ float: left;
  12.  
  13. width: 100px;}
  14. #bloka{ float: left;
  15.  
  16. width: 100px;}
  17. #blokb{ float: left;
  18.  
  19. width: 100px;}
  20.  
  21.  
  22. #ga {
  23. background:#f00 url("http://kameleon.web-pc.pl/zdjecia/1950049-ga.png");
  24. height: 65px;
  25. width: 950px;
  26.  
  27. }


O to ci chodzi questionmark.gif
Sebastian003
Tak dzięki o to własnie chodziło.
delfin2525
dla potomnych co zmieniliscie ?
krzysiekk
było tak

  1. <div id="ga"></div>
  2. <div id="blokc"><h2>Nazwa h2</h2></div>
  3. <div id="bloka"><h2>Nazwa h2</h2></div>
  4. <div id="blokb"><h2>Nazwa h2</h2></div>
  5.  


jest tak
  1. <div id="ga">
  2. <div id="blokc"><h2>Nazwa h2</h2></div>
  3. <div id="bloka"><h2>Nazwa h2</h2></div>
  4. <div id="blokb"><h2>Nazwa h2</h2></div>
  5. </div>


oczywiście bloki powinny tak rozpychać by było widać to tło . tu jest na sztywno wysokosc i szerokasc dla obrazka ,

jeszcze jedna zmiana w css dla bloku zawierajacego divy z float dajemy overflow:hidden;
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.