CSS in tables - background and paragraphs [was: need help]

Question

Hi there,
I'm using Dreamweaver CS3 and i'm trying to add a background image to a cell. I'm using CSS which works, but that also adds parts of the background to other cells. The only way i can do it sucessfully is by going "properties" then "bg", but i would rather use CSS because i want my page valid with W3C. Is there an easy way to do this?
I also have a problem with paragraph spacing. If i align text to the top of a cell with paragraphs, the area above the whole text moves down one line in a broswer, if i have no paragraphs then it will look exactly the same as in dreamweaver. Is this normal or is there anyway to prevent it happening?.
Any help is much appreciated, thanks.

Answer 1

Paragraphs have a default top margin. You need to remove or adjust the margin with your CSS:
td p {
  margin-top: 0;
Awesome! Worked right away, this has been driving me nuts for ages, thanks a lot.
In code view, you can use CSS to style a single table cell like so.
HTML:
<table>
     <tr>
          <td style="background: url(some_image.jpg) no-repeat">
          styled table cell here here </td>
          <td>unstyled table cell here </td>
     </tr>
</table>
I'm not too sure where to place this code, what does "styled and unstyled table cell" mean?
I'm not that great when it comes to codes, any help would be grealty appreciated, thanks.