Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] ważność warstwy
Sebastian003
post
Post #1





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

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

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/
Go to the top of the page
+Quote Post
krzysiekk
post
Post #2





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

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

[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


O to ci chodzi (IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
Sebastian003
post
Post #3





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

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

Tak dzięki o to własnie chodziło.
Go to the top of the page
+Quote Post
delfin2525
post
Post #4





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 14.03.2013

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

dla potomnych co zmieniliscie ?
Go to the top of the page
+Quote Post
krzysiekk
post
Post #5





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

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

było tak 

[HTML] pobierz, plaintext 
  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.  
[HTML] pobierz, plaintext


jest tak 
[HTML] pobierz, plaintext 
  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>  
[HTML] pobierz, plaintext


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;

Ten post edytował krzysiekk 16.03.2013, 00:18:14
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.09.2025 - 12:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn