Opinions on this

Firstly, I have to say that this is a huge improvement over some of your past efforts. Good job!

There are a couple of things you can do to improve this. Firstly, make that horizontal menu under the navbar look less text-ish. Lose the slahes in between (use : or |), make the links bold and a little smaller. The font sizes on the two navbars should be more similar. The one on the left is a little too small IMO. I do like what you've done with that one though.

Also move that date bar to line up with the content area. Actually, I think something different should be done with those boxes but I'm not quite sure what. It would be nice if they weren't so separate. Maybe the date bar could be done in a contrasting colour and placed directly on top of the content box. That content area should also be wider to fill the page, and I really don't know what you're trying to do with the fonts there - just trying differnt ideas?

Oh, and the horizontal bar should be centered under the header graphic instead of skewed to the left. I like the little angled thing you have going there - it would be nice if you could integrate that more with the rest of tyhe layout. LIke maybe the edges of the body area and left navbar could line up with the inside corner of the angle rather than the outside edge of the header graphic.

for starters...i must have a diff resolution than you, because you are using CSS absolute positioning, and it doesnt work...

heres a screenshot:

try using relative, it works much better

How does relative work? I've never used it before. Thanks for the feedback so far. I am taking everything in and hoping to get the design looking pretty respectable.

I don't know if you meant to, but there's about 7 contact us buttons in the text box. I think the colors go well together.

Yeah I meant to do that...just to see what the table would do.

just a note, don't use gaps in file names (test vert nav2.jpg) use underscores (_) or something or you'll find the images not loading

just put them inside a table...and then it will automatically be relative...

or

'
all you have to do is manip your borders (margin-left, margin-right, margin-top, margin-bottom) and use "em" units, which is allowed to be negative. this says its so many units (positive or negative) from the normal position. but, be careful, because this can be dangerous just like absolute positioning, but less so.

p.s. use only ONE style tag, put all of your attributes in one instead of blahblah

First off, Navigation:
Preload your images, it will work/look much better. http://chengeu.krayup.com/index.php?page=code if you want the code to preload.
Don't make the first nav image that says "Navigation" the same as the others, at first I thought it was a navigation link.

The top horizontal navigation doesn't line up. The colour it changes to on hover doesn't look too good either, try another colour maybe.

About that preloader. Do I have to replace image with every image for the nav cause I have a lot...what will the preloader actually do?

Thanks for the feedback. I will try to comment on all a bit later when I get some free time.

oh and also...about the relative CSS -

When you say put it in a table you mean like:

'

Thanks for the help and I will tell you once I have modified the site, just get back to me on those two issues thanks!

Cripes people, don't mislead!

Relative table width is using % widths. Relative CSS means the elements float relative to the box they are in, and to each other. TOTALLY different concepts.

People are so touchy when it comes to relativity. I would like to relatively say that my relative thought functions are baseless as compared a relatively normal person.

*chortle*

i know...but its still relative, whether its to the same thing or not is different, meaning its not a fixed position, and is "translated" to fit the dimensions set by each computer's screen and browser options.

Well, no, not quite.

Relative widths are relative no matter if we're talking HTML or CSS. However relative CSS does NOT mean it is necessarily going "to fit the dimensions set by each computer's screen and browser options". It means that the positioning is relative to something internal on the page. You can mix absolute and relative positioning with CSS (often you need to), as well as use fixed widths instead of relative widths.

So, no, it's not still relative. They are two different constructs and need to be explained separately.

Well I've added the pre-loader Renegade suggested but I'm not too sure if it is working.

I have also done that relative thing, so could someone tell me whether that is ok now?

Oh and also is it kinda possible to use PHP to say if a background is a certain colour then the colour of the link on hover should be a certain colour. Would I use something like the IF function?

Thanks for the comments!

What you would do is use PHP or JavaScript to set different stylesheets. All that information that coordinates would be in the associated stylesheet.

It's called "stylesheet switcher" and you can Google for oodles of them in both PHP and JavaScript.

To test if the preloader is working, upload the page to your webserver, clear the cache and history then load up the page. If the images change straight away or pretty fast then it's working, if not then somethings wrong.

[ADD]
After posting and going to look at your code...

You have:

Try changing it to:

Try not to redeclear variables and you had single quotes instead of double quotes.

You also have:

Make them:

One more thing, "onMouseOver" and "onMouseOut" is not going validate (if you want it to validate), they should be lower case i.e. "onmouseover" and "onmouseout" respectivly.
[/ADD]