Website template graphics

[ecinele]

I don't know if this post should be here or under HTML. If I am incorrect, please forgive me.
I have spent all day trying to line up the images (in the table cells) that form the background for my website. Is there an easy way to do this?
The images are the correct size. It's just me.
Please help.
Ecinele

[scragar]

I'm sure HTML would be a better place, but don't go making a new thread.

you want to show a link so we can see the problem?

[ecinele]

here is the link: (Please look at the bottom right hand corner)

http://spanishome.com/2007_2008/EXTRAS/luray_high_school/
Thanks for answering.
Ecinele

[Centauri]

Maybe this :<td align="left" valign="top" width="697"><img src="images/BottomBorder.gif" alt="Background image" border="0" height="25" width="698"></td>

You realise that screen readers, search engine spiders, and anyone without flash installed / enabled CANNOT navigate past the first page of the site? Some Flash effects may look good, but flash navigation is an accessibility problem - The whole header and navigation can be done wholly in html / css with no loss of functionality. I would also recommend ditching the table layout for leaner, faster loading and more semantic (meaningful) code...

[ecinele]

How do I ditch the table layout and keep the content in the right places?

[Centauri]

How do I ditch the table layout and keep the content in the right places?

Margins, padding and floats.

The html should describe the content of the site - the top section can be written as a textual heading and the menu as an unordered list of links, both contained within a grouping div, and the content as paragraphs, headings and links grouped within 3 divs (left, right and main). The rotating images could be kept as a flash animation, which can degrade to a fixed image should flash not be available. All this would then be completely enclosed within a wrapper div to define the limits of the page. All graphics, including graphic text replacement and menu rollovers, would be applied as backgrounds via the styling css. The css would also define the sizes and relative spacing and positions of everything. Doing it this way gives you a site with more meaning and more accessible to screen readers for the vision impared, as well as search engines. Css styling allows better control of the visuals, which can be more easily changed and kept more consistant site-wide.

Some examples of what can be done with this approach can be seen at http://www.csszengarden.com/ , http://www.cssplay.co.uk/ and http://meyerweb.com/eric/css/edge/ , although your particular site would be more straight forward than most of those examples.