Hi Guys,
I've added a translucent? caption box to an image on my website
but I can't get it to appear at the bottom of the image, it keeps
floating to the top no matter what padding/margins I use.
The code I'm using is:
CSS
div.background{width:560px;height:112px;background:url(feeld2.jpg) repeat;}
div.transbox{width:560px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);}
div.transbox p{padding:1px 10px;color:#fff;}
HTML
<div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.</p>
</div>
</div>
ta in advance for any help,
cheers,
Mark
I've added a translucent? caption box to an image on my website
but I can't get it to appear at the bottom of the image, it keeps
floating to the top no matter what padding/margins I use.
The code I'm using is:
CSS
div.background{width:560px;height:112px;background:url(feeld2.jpg) repeat;}
div.transbox{width:560px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);}
div.transbox p{padding:1px 10px;color:#fff;}
HTML
<div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.</p>
</div>
</div>
ta in advance for any help,
cheers,
Mark