Placement of an image inside a table in CSS

[design]

NONE

[NogDog]

You might be able to do something like this:

body {
background: url(deilogo.gif) 10 10 no-repeat #ffffcc;
color : #000000; 
font-family : "times new roman", serif; 
}

Play around with the "10 10" values to get the right posisition ("0 0" is top left corner of body).

[design]

NONE

[NogDog]

Thought of a better way. In your stylesheet, keep the body definition as you had it originally. Add the following style element:

td.logo {
  background: url(deilogo.gif) 0 0 no-repeat #ffffcc;
  height: 75px;
  width: 80px;
  padding: 0;
}

In your HTML, change the TD that currently has the image to this:

<td class="logo"></td>

Voila!

[design]

NONE

[NogDog]

Originally posted by design
When I do a print preview it does not show the image. How can I get around this?

Hmmm..., the default setting for most browsers is to not print background images. The best workaround, probably, is to leave it as an IMG object in your table the way you originally had it.

This is where using "server-side includes" (SSI) could help you. You could put the whole top navigation table into a separate file, then just include it into each of the site's pages with one include command. I do this on my site by using PHP server-side scripting. You can get the same general effect by using an HTML include...

<!--#include file="header.html"-->

...at the point in each file where you want that HTML to be included.