Review Request : Bell Models Ltd
Hi there guys!
This is my first ever site design using CSS and I would just like to know what you think of it. It's a bit blue...
The URL is:
http://www.cmdirector.neosurge.net/markindex.htm
I hope you like the site! Thanks!
jammin posted this at 17:24 — 15th March 2003.
They have: 222 posts
Joined: Sep 2002
....yeah... blue... that would be the second thing i would change.
the first thing would be the site layout, it is too boxy, it needs a logo, and more content on the first page.
also i wouldnt use colors that bright, they make a site look poorly made.
anyone can do any amount of work provided it isnt the work they are supposed to be doing.
Busy posted this at 22:06 — 15th March 2003.
He has: 6,151 posts
Joined: May 2001
I hate to burst your bubble but it doesn't work in Mozilla and has problems in Opera6 (as opera) and half works in NS4.7,
In Mozilla, the top table and center section is the only things displaying
In Opera the home page section is about 2 pixels high with 'home page' under it, same as the copyright section. the links don't work (aren't clickable) as they appear to be blue text. the sections also slightly overlap the top table
In NS4.7 the 'contact us' panel has become part of the center panel (listed under the main info) and bottom section is missing also, sections also slightly overlap top table
IE5 all is ok
Timewell posted this at 22:16 — 15th March 2003.
They have: 344 posts
Joined: Jun 2002
How do you suggest that I change it so that it works in all browsers?
Renegade posted this at 00:35 — 16th March 2003.
He has: 3,022 posts
Joined: Oct 2002
You should put a doctype on your page before the <html> tag and a charset in your <head> tags because some browsers may not output your page properly...
The colours on your page don't seem to "blend" in with anything else, does "Bell Models Ltd" have any particular colours? Maybe if you put in a logo and used the colours from the logo it would look better
Busy posted this at 02:57 — 16th March 2003.
He has: 6,151 posts
Joined: May 2001
Use tables
take out the z-index, apart from the fact you have 3 of them the same (-1) z-index is for layers, your not using layers.
here is a handy tutorial for you
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
The Webmistress posted this at 09:08 — 16th March 2003.
She has: 5,586 posts
Joined: Feb 2001
I agree with Busy, use tables - there is nothing wrong with using them and you'll get more cross compatability and flexibility. IMO the site is too blue and the blues you have used don't go together, neither do the red & yellow, and the site looks very ameteurish with the use of colour and lack of design.
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
canada_dry posted this at 16:50 — 16th March 2003.
They have: 26 posts
Joined: Mar 2003
I agree with the others, the blues just don’t seem to blend together well. I find the white text contrast on the blue a bit hard on the eyes as well, maybe darken the shades of blue on key the text areas. Other than that it looks fine, great job!
By the way I just uploaded my new web site for reviews! It’s a Blue Site Too! Check it out: http://www.lifelineaquarium.com
Mike Caskanette.
LifeLine Aquarium Systems.
http://www.lifelineaquarium.com
Karen Cardinal posted this at 04:42 — 19th March 2003.
They have: 62 posts
Joined: Jan 2002
I had a quick look at your site and wasn't seeing anything except your main table with your "welcome" message in it.
After looking at your code, I think I found a couple errors that may be the problem.
First you have two seperate styles that refer to the same divisions with completely different colors.
Take out the first style code where you have the div colors set at white and leave the second one where you have your light blue.
Second, you have most of your z-index set at -1. This might not be a problem for a lot of browsers, but on my Mac, it didn't work in any of my browsers.
Since none of your layers are overlapping, you really don't need the z-index... go ahead and take them all out.
Once you change those 2 bits, things should show up the way you want them to.
Have fun with it!
The purpose of education is to
get more jokes.
Karen Cardinal posted this at 05:08 — 19th March 2003.
They have: 62 posts
Joined: Jan 2002
Sorry, I need to ammend my last message. (It is very late here)
I looked at your code again and I don't know what I was seeing before, but your styles are fine.
You do need to remove your z-indexs (or at least renumber them) though.
I also forgot, as Renegade already pointed out, you need to put a doctype and charset in your head tags.
Try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
Sorry again 'bout the goof.
The purpose of education is to
get more jokes.
fedele posted this at 14:57 — 19th March 2003.
They have: 22 posts
Joined: Mar 2003
I would add more images and pictures of the models to the main page to make it more attractive! The layout seems perfect to me.
cordedpoodle posted this at 20:30 — 19th March 2003.
They have: 160 posts
Joined: Mar 2002
Usability:
1) Center justified text should only be used for headings. Your eye has been trained to read from left to right starting at a fixed point on the left. Center justified makes it harder for your clients to quickly scan the page. After each line the eye must search for the starting point. You may think this is a small thing, it's not.
2) It takes too long to figure out what this page is for. " We specialise in Train models " should be front and center. Better yet do you sell, trade, supply info? What the heck do you do?
3) If ever their was a site that could benefit from some images... Those little trains are alluring, you need a really nice pix or two.
4) Whether you use tables or layers there should be some room around the text so it doesn't bump up against the edges of the layer or table. Here's an example of the code:
table width="400" border="0" cellspacing="0" cellpadding="5"
5) Get rid of extraneous text that means nothing:
"Site Navigation
What you are currently looking at now is your lifeline. This is how you get around my site and onto all the different pages. Please take the time to look around the site."
The Navigation you've put below this useless text is self evident. The text just obscures it's purpose.
----------
for some good advice take a look at:
http://useit.com/alertbox/
http://www.webpagesthatsuck.com/
=========
Aesthetics
I like the red and yellow. Old trains imply a certain dated look, trains were frequently painted black and red. I'd try to find a color scheme that was popular in the late 19th century or early 20th. Red and yellow and black might work possibly some grey. Some orange and red gradients within fields of colors. Probably a stroked serif type or even a stroked script type on a stylized sign board or cloth with curled edges.
Usually it's nice to limit the palette overall. Then when you have something different like a picture of a train that has a color outside the limited palette it will stand out.
[email protected]
http://www.alogical.com
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.