Placement of second image in html file

[design]

NONE

[PeOfEo]

I was working on your layout but stopped because it needs a lot of work, not just an image or two. If you are going to go css, go all css. You have a table here and a table there, and that is really unneccessary, tables are never needed unless you have tabular data. You are also using deprecated attributes like height, width, align. You need to get a newer stricter doc type, (xhtml 1.0 strict, xhtml 1.1) and you needt to fix that code. I also suggest makeing the layout fluid, or make rigid and work at 800 by 600, but make it look good for a larger resolution, centering may be needed for that.

Here is a pure css layout similar to yours
http://bluerobot.com/web/layouts/layout2.html
you should probably strip that and use it as a frame. Also, when you go to make the links at the top, do not use a table, use a list. This was how I was styleing the <li> tag

li.nav {
display: inline;
text-align: center;
list-style-type: none;
}

[design]

NONE

[PeOfEo]

Yeah, and I was going to do that but the whole thing is messed up. There are tables here, deprecated attributes there. If you want to do this right I would suggest modleing it after the layout I listed. Thats my advice, take it or leave it.

You can easily put the images into a list and then use list-style-type: none; on the <li> to kill the bullets. Then just position the list. Its closer to being semantically on target then a table.