Web Hosting Talk : Web Hosting Main Forums : Web Design and Content : placing a list above an image

[luxx]

placing a list above an image

How would I place a list above an image? The image is inside a table cell and I really don't want to edit the picture and type the text inside the .png, instead I want to do it with html code , is there a way?

[bear]

You mean on top of? Make the image a background of the cell, preferably using CSS to do so. IE:
Code:
.background{
background-image: url(image.jpg);
background-repeat: no-repeat;
}
And the table would be
Code:
<table>
<tr><td class="background">
list here
</td></tr>
</table>







__________________Did you know WHT has a help desk?
Have a forum? Let's face it, you need help.

[luxx]

How would I center this image inside the cell? I've tried align="center" margin: 0 auto;...How can I align this background in the middle of a cell?

[Ceetoe]

You might try this in CSS:
background-position:center;





__________________BabbleLogic Software and Design LLC - Web Design and App Dev(C#, PHP, Python)