WIP comments please

[Moltas]

Nice design Rick! Very slick...

My only critique would be the font and the colour used for the menu. Maybe I am a bit boring but I think you should go for something a little bit more readable.

About ths CSS file. I don't think that should be a problem since most of your page will be images positioned on the screen.

Keep up the good work

/Moltas

[Tron]

Thanks for the comments, I agree. Here is an update, I have a couple of CSS issues to deal with before I go live. I will let you know

BTW this shot is live with the CSS file completed

here is a link to the full sized image
http://www.mts.net/~ricki01/blue1.jpg

[Moltas]

Ahh, that's better

Have you tried to make the actual page stick out from the backgropund? Drop shadow or border maybe...

Good design. I just might borrow it ;)

/Moltas

[Tron]

We are live at
http://www.mts.net/~ricki01

Comments [:I

[Moltas]

My humble opinions.
The left column holds an image called farm.jpg. It contains a lot of text so don't use jpg. Instead go for gif. (Or even better, make a jpg image of the buildning and gif images for the text.) Texts gets blurred when compressing them with jpg.

Also I feel that the left column is a bit low contrast, making it hard to read.

Also check the page in different browsers. Opera renders the page with some faults.

/Moltas

[Tron]

Thanks for the comments Moltas, I am working on a version to make it more comliant with other browsers, and will try your suggestion on the next version

[Tron]

I am have a h*** of a time getting this to work in Firefox. If anyone could be of help I would appreciate it

Here is a copy of the CSS file

[Moltas]

Could you tell us what is not working well?

/Moltas

[Tron]

The rleft colum where the nav is does not show properly in Firefox

here is a pic.

[Moltas]

It's not that easy to debug a code without being able to test different ideas. I am not sure why you do your menu like you do. Your code is:

<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="portfolio.html">Porfolio</a></li>
<li><a href="http&#58;//www.mts.net/~ricki01/heavenlybodies/index.html" target="new">Gallery</a></li>
<li><a href="mailto&#58;ricki01@mts.net">Contact</a></li>
</ul>
<img src="images/spacer.jpg" />
<img src="images/games.jpg" />

Why have you added ' /' at the end of the IMG tags? If I am not wrong that is not valid code.

Why not like this instead:

<a href="index.html">Home</a><br>
<a href="services.html">Services</a><br>
<a href="about.html">About Us</a><br>
<a href="portfolio.html">Porfolio</a><br>
<a href="http&#58;//www.mts.net/~ricki01/heavenlybodies/index.html" target="new">Gallery</a><br>
<a href="mailto&#58;ricki01@mts.net">Contact</a><br>
<img src="images/spacer.jpg" height="20"><br>
<img src="images/games.jpg">

In your CSS file give the DIV a absolute position in pixels. You are using a spacer-image. Just add a height attribute and push the games.jpg image as far down as you want.

Maybe I am completely out of track but I guess that this would work in "every" browser.

Also, check this link:
Validator

/Moltas