CSS - DIV помощ

Zion

Registered
Може ли по някакъв начин да сложа див върху снимка. Имам примерно <img src="snimka.jpg" width="100px" height="100px" /> и върху нея да сложа <div style="height:110px; width:110px; backround-image:url(image.png);"></div>
и фона от дива да е върху снимката :?
 
Ето как съм го направил
Код:
echo '<div style="width:110px; height:110px; background-image:url(images/img.png); background-repeat:no-repeat; padding-left:5px; padding-top:5px;"><img src="'.$pics.'" width="100px" height="100px" alt="" /></div> ';
пробвах с още един див и с позишън ама не успях да го направя
 
Ами теб и трябва нещо подобно като в този сайт: http://www.mbox7.net/ - там където са новините - текста е над картинката.

Пиша защото и аз съм се мъчил с доста неща и все нещо го размества и не се получава това каквото искаш и ти.
:wink:
 
<div class=""parent>
<img src="snimka.jpg" width="100px" height="100px" />
<div class="absoluten"></div>
</div>


css:

.parent{
position:relative;
width:100px; height:100px;
}

.absoluten{
widht:110px; height:110px;
position:absolute: left: -10px; top: -10px;
backround-image:url(image.png);
}

от червените регулираш къде да е дива.
 
Не ти не ме разбра ;) Картинката трябва да е под дива ;) а в мбокс ми се струва че текста е В дива :)
EDIT: Ааа оправих се :) Мерси +1 - Shterev
 
Код:
<div class="parent">
<img src="snimka.jpg" width="100px" height="100px" />
<div class="absoluten"></div>
</div>


css:

.parent{
position:relative;
width:100px; 
height:100px;
}

.absoluten{
width:110px;
height:110px;
position:absolute: left: -10px; top: -10px;
background-image:url(image.png);
}
Кода който ми даде @shterev ;)
 

Back
Горе