Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] nakładanie warstw
piotrd
post
Post #1





Grupa: Zarejestrowani
Postów: 174
Pomógł: 0
Dołączył: 16.05.2006
Skąd: Łódź

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


mam taki oto układ divów
[(1)(2)]

gdzie:
[] = width 960px
(1) i (2) = width 540px każdy

kod
  1. <div id="logo">
  2. <ul>
  3. <li>
  4. text1
  5. </li>
  6. <li>
  7. text2
  8. </li>
  9. </ul>
  10. </div>
  11.  
  12. #logo {width:960px;height:180px}
  13. #logo ul{overflow:hidden;list-style:none;}
  14. #logo li{float:left;width:540px;}


jak zrobić aby (1) i (2) nachodziły na siebie i (1) był nadrzędny dla (2)?

Ten post edytował piotrd 28.08.2011, 13:50:59
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
piotrd
post
Post #2





Grupa: Zarejestrowani
Postów: 174
Pomógł: 0
Dołączył: 16.05.2006
Skąd: Łódź

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


zrobiłem jednak małą kosmetykę (metodą prób i błedów) i już jest OK
  1. #logo{padding:0;margin:0;position:absolute;z-index:1;}
  2. #logo #title{float:left;padding:0px 0px 0px;}
  3. #logo #title a{color:orange;font:bold 5.5em Verdana;text-transform:uppercase;text-decoration:none;}
  4. #logo #title a span{color:orange;}
  5. #logo #title a strong{color:#836b4c;}
  6. #logo #slogan{position:absolute;margin-left:93px;margin-top:64px;background:inherit;color:#544d3d;font:italic 15px Verdana;}
  7.  
  8. #logo ul{overflow:hidden;list-style:none;}
  9. #logo li{float:left;width:540px;}
  10. #logo li#shuffle{position:absolute;margin-left:420px;z-index:-1;}
Go to the top of the page
+Quote Post

Posty w temacie


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: 12.10.2025 - 05:01