Autor | Zpráva | ||
---|---|---|---|
MarianJack Profil |
#1 · Zasláno: 29. 4. 2011, 01:00:31
Problém s překrýváním textu pozadím v DIV
Mám vloženo několik obrázků na sobě a u některých se překrývá text. Co se s tím dá dělat? .right_menu_product_type_001 { position: absolute; width: 68px; height: 52px; line-height: 52px; font-size: 7pt; font-weight: bold; top: 50px; left: 50px; color: #ffff00; background-image: url("../img/star_red_001.png"); display: block; text-align: center; vertical-align: middle; text-decoration: none; } .right_menu_product_type_001 p { text-align: center; margin: 0px 0px 0px 0px; } <div class="right_menu_product_type_001"> <p>NEW</p> </div> |
||
jenikkozak Profil |
#2 · Zasláno: 29. 4. 2011, 02:23:55 · Upravil/a: jenikkozak
Těžko z ukázky kódu pochopit, čeho vlastně chceš dosáhnout...
Prvky s danou třídou se zobrazují na sobě kvůli tomu, že všechny mají absolutní pozici a stejné zarovnání od horního a levého okraje. Není-li to tím, čeho chceš dosáhnout, zamysli se nad tím, proč jim definuješ absolutní pozici. |
||
MarianJack Profil |
#3 · Zasláno: 30. 4. 2011, 07:24:51 · Upravil/a: MarianJack
Překrývají se při opakovaném vložemní.
Potřebuji docílit toho, aby při opakování prvku s třídou "right_menu_product_001" (viz. níže) třída "right_menu_product_type_001" překrývala všechny prvky uvnitř. Musí dodržovat hranice prvku s třídou "right_menu_product_001". .right_menu_product_001 { padding-right: 3px; padding-bottom: 4px; position: static; width: 151px; height: 181px; line-height: 30px; font-size: 10pt; font-weight: bold; color: #ffff00; background-image: url("../img/right_menu_product_001.png"); display: block; text-align: center; vertical-align: middle; text-decoration: none; margin-bottom: 5px; } .right_menu_product_type_001 { position: absolute; width: 68px; height: 52px; line-height: 52px; font-size: 7pt; font-weight: bold; top: 50px; left: 50px; color: #ffff00; background-image: url("../img/star_red_001.png"); display: block; text-align: center; vertical-align: middle; text-decoration: none; } .right_menu_product_type_001 p { text-align: center; margin: 0px 0px 0px 0px; } <div class="right_menu_product_001"> <div class="test_001"> <p>Ahoj. jak se máš?</p> </div> <div class="right_menu_product_type_001"> <p>NEW</p> </div> </div> <div class="right_menu_product_001"> <div class="test_001"> <p>Ahoj. jak se máš?</p> </div> <div class="right_menu_product_type_001"> <p>NEW</p> </div> </div> |
||
MarianJack Profil |
#4 · Zasláno: 30. 4. 2011, 07:48:18
Tak už to mám.
Taková blbost :D Špatně .right_menu_product_001 { position: static; } Správně .right_menu_product_001 { position: relative; } |
||
Časová prodleva: 13 let
|
0