zarzadzenie kolejnoscia warstw

zarzadzenie kolejnoscia warstw, Pomozcie - uproszczony przyklad

_kama Zobacz profil	5.09.2009, 10:51:07 Post #1
Grupa: Zarejestrowani Postów: 76 Pomógł: 0 Dołączył: 20.03.2005 Skąd: Łódź Ostrzeżenie: (0%)	Witam, Czy jest jakis sposob zeby w moim przykladzie sprawic zeby <p /> nachodzilo na <div class="container" /> Tzn tak, zeby bylo jakby nad nim (jedna tresc przykrywajaca druga). Wazne zalozenie - nie moge dac dla <div class="all" /> position: relative (bo to zepsuloby inne rzeczy w tym ukladzie ktorych nie zamiescilam w przykladzie). Zalozenia: - Moge zmienic neico struktire htmla lub kolejnosc elementow jesli to pomoze - oba divy moga miec zmienna szerokosc. Te podane wysokosci to tylko dla przykladu - chce zeby <p /> wyladowalo jakies 100px od gory [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>100% wysokosci</title> <style type="text/css"> div.all {background-color:#0000FF; height: 200px; width: 300px} div.container {background-color:#FFFF00; top: 0; left: 0; z-index: 2; height: 150px} p {padding: 0; margin: 0; z-index:100} </style> </head> <body> <div class="all"> <div class="container">d fgd gfdg dfg df gdfgdfg dfg </div> <p>To test</p> </div> </body> </html> [HTML] pobierz, plaintext

erix Zobacz profil	5.09.2009, 11:50:13 Post #2
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów	Cytat - chce zeby <p /> wyladowalo jakies 100px od gory Zamień miejscami kontener i paragraf, ustaw wysokość dla tego paragrafu i daj margin-bottom: -100px; poeksperymentuj z wartością. -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

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

Aktualny czas: 27.06.2025 - 10:53

Hosting zapewnia