Autor Zpráva
MarianJack
Profil
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
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
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
Tak už to mám.
Taková blbost :D

Špatně
.right_menu_product_001
{
position: static;
}

Správně
.right_menu_product_001
{
position: relative;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: