Quick CSS Question on Positioning

[optl]

I have a table cell with a style that applies a background image. I put text in the cell and I want to use CSS to pad the text on the left side. But whenever I use padding-left:10px on the cell, even though there is plenty of room, it throws the image out of wack. How can I position the text without messing up the image?

Here is the page where this is happening:
http://www.rantous.com/rantous

Thanks

[Dan Schulz]

I hardly ever mess with tables and CSS, but you might want to look into collapsing your tables, then adding a DIV or SPAN to your TD as a child, then applying the text to the DIV (or SPAN).

Just bear in mind that SPANs cannot contain block-level elements (such as DIV or P) and that P cannot contain a DIV (or other block-level element), and you should be fine.

[optl]

How do I collapse my table?

[Dan Schulz]

table {
	border-collapse: collapse;
}

The short story is that this will get tables working consistently cross-browser without having to worry about any issues with cellpadding and cellspacing (not to mention borders). Or at least that's what I understand anyway. Like I said, I hardly ever deal with tables anymore (even data tables).

[DaveWoods]

To be honest it doesn't sound like you're doing anything wrong. A background image should still show behind your padding so without seeing the HTML/CSS or a link to the problem it'll be difficult to see what the problem is.

Dan's solution may solve your problem as without collapsing the border it'll appear as though you've got margins around all your cells but I think you're probably experiencing something different, maybe caused by something else in the CSS.

[optl]

Ok I uploaded the code for you guys:
http://www.rantous.com/rantous

[optl]

Any thoughts? Padding is pushing the text as well as the background image. I just want it to push the text.

[markbrown4]

padding does not effect positioning of the background image on an element.
It effects the width of an element so that might be why the background image is moving,