X-Cart forums

[MOC]

Hi there,
it's not a question which has something to do with x-cart directly, but this one is driving me mad and i coudn't find any helpful code on the web. May be someone here has an answer.

I designing my shop with css and div completely. i wanna show on the left side a background image and then overlay in the center text

i tried this for example

<div style="BACKGROUND-IMAGE: url(/skin1/central/countdown.gif); padding-right: 0px; PADDING-LEFT: 30px; PADDING-TOP: 100px; FONT-SIZE: 14px; BACKGROUND-REPEAT: no-repeat">
<div style=" position:absolute; padding-left:5px; padding-top:4px; color:#FFFfff; font-size:14px; font-weight:bold; line-height:normal">366 days</div>
</div>

But the text is showing up below the picture. how can i overlay the text over the background?

thanks in advance

[balinor]

Ok first, never put the formatting IN the div, it should always be in the external stylesheet.

Next, in order to keep divs from stacking, you need to use the 'float' class. Get rid of the absolute positioning.

[MOC]

Thanks Balinor