![]() |
![]() |
![]()
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 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 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 2 958 Pomógł: 574 Dołączył: 23.09.2008 Skąd: wiesz, że tu jestem? Ostrzeżenie: (0%) ![]() ![]() |
a ) możesz pobawić się z-index i position: relative
b ) z-index i marginesami (dla drugiego <li> np. margin-left: -20px) c ) position: absolute i zabawy top, left Ten post edytował CuteOne 28.08.2011, 13:54:22 |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 174 Pomógł: 0 Dołączył: 16.05.2006 Skąd: Łódź Ostrzeżenie: (0%) ![]() ![]() |
musze zatem drugiemu li nadać jakieś id, ale dlaczego mam dać -20 skoro różnica między sumą (1) i (2) z [] równa się 120 px?
|
|
|
![]()
Post
#4
|
|
Grupa: Zarejestrowani Postów: 2 958 Pomógł: 574 Dołączył: 23.09.2008 Skąd: wiesz, że tu jestem? Ostrzeżenie: (0%) ![]() ![]() |
np. margin-left: -20px
UP: nie wiem czy samo z-index tu pomoże skoro ustawił overflow: hidden dla UL. Co za tym idzie różnica w szerokości powinna być "schowana" Ten post edytował CuteOne 28.08.2011, 14:02:00 |
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 174 Pomógł: 0 Dołączył: 16.05.2006 Skąd: Łódź Ostrzeżenie: (0%) ![]() ![]() |
drugie <li> dostało id=im oraz dałem
ale pozycjonowanie warstwy im jest jakby nieaktywne, tylko rozmiar jest ok, nie chce nałożyć się na (1) |
|
|
![]()
Post
#6
|
|
Grupa: Zarejestrowani Postów: 2 958 Pomógł: 574 Dołączył: 23.09.2008 Skąd: wiesz, że tu jestem? Ostrzeżenie: (0%) ![]() ![]() |
id to # nie .
|
|
|
![]()
Post
#7
|
|
Grupa: Zarejestrowani Postów: 174 Pomógł: 0 Dołączył: 16.05.2006 Skąd: Łódź Ostrzeżenie: (0%) ![]() ![]() |
w dalszym ciągu jednak jest źle, <li id="shuffle"> pojawia sie pod <li> zamiast byc obok na zasadach left:-120px;z-index:-1;
Kod #container{width:100%;margin:0 auto;padding:0;position:relative;} #head1, #head2, #head3, #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} .container{width:960px;margin:0 auto;text-align:left;} #head1 .container .main{float:right;width:100%;margin:0;background:#FEF0C1;} #head2{clear:both;} #head2 .container{height:180px;background:#FEF0C1 url('img/tlo.png') no-repeat left bottom;} #logo{padding:0;margin:0;position:absolute;z-index:1;} #logo #title{float:left;padding:0px 0px 0px;} #logo #title a{color:orange;font:bold 5.5em Verdana;text-transform:uppercase;text-decoration:none;} #logo #title a span{color:orange;} #logo #title a strong{color:#836b4c;} #logo #slogan{clear:left;margin-left:80px;margin-top:30px;padding:0px 15px;background:inherit;color:#544d3d;font:italic 15px Verdana;} #logo ul{overflow:hidden;list-style:none;} #logo li{float:left;width:540px;} #logo li#shuffle{position:relative;left:-120px;z-index:-1;} .th{float:left;margin:0px;} czy znajdzie ktoś błąd? może zamiast UL i LI stosować DIV? |
|
|
![]()
Post
#8
|
|
Grupa: Zarejestrowani Postów: 715 Pomógł: 47 Dołączył: 5.12.2010 Ostrzeżenie: (0%) ![]() ![]() |
Niech spróbuje zamienić:
< Cytat li id="shuffle"> na Cytat <li class="shuffle"> a w CSSCytat #logo li#shuffle{position:relative;left:-120px;z-index:-1;} zamienić naCytat .shuffle{position:relative;left:-120px;z-index:-1;} W ogóle trochę straszny jest ten Pana CSS. Ten post edytował Rid 28.08.2011, 21:05:04 |
|
|
![]()
Post
#9
|
|
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
|
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 12:45 |