CSS Layout Check
This is a new site that I am working on. It isn't finished (only one page) but I would like to know if anyone notices any display problems (css is used for positioning) before I do the rest of the pages.
It displays consistently for me in IE 6.0, Opera 6.02 and Mozilla. I need more browser checks.
Any comments on colors, layout, navigation and graphics or lack there of are welcome. Still have a ways to go before it is finished.
*yes, i know i am crappy at graphic design...that is why there aren't many*
Thanks~~DM
Busy posted this at 06:36 — 7th April 2003.
He has: 6,151 posts
Joined: May 2001
nice clean layout
the top links are to close together, first glance looks like one word or a sentence, maybe a | or - or something between them.
however
The underline of the graphic makes it look like a link, either link it to home page or remove it.
IE5 and NS7 are very similar, main difference is IE5 has solid line around boxs where as NS7 is dotted, and NS7 has a little more padding around things, like top nav section. just noticed on hover, ie is none while ns7 is dotted, well pages ones, top ones are none.
NS4.7 (not sure if your worried about this one) doesn't align and has black/bold top links and orange underline all others (as it should be) and the title words are bold black too.
I like it
The Webmistress posted this at 07:18 — 7th April 2003.
She has: 5,586 posts
Joined: Feb 2001
Busy has covered the browsers I've got so nothing more to add from that. Again it's clean and looks ok but the trouble I'm finding now is that all these css fully controlled sites are looking the same.
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Renegade posted this at 11:00 — 7th April 2003.
He has: 3,022 posts
Joined: Oct 2002
Yeah looks good to me in Mozilla
One thing:
Where is reads "Home Services Portfolio Contact" for the top navigation, you could seperate them with something so that they are...seperated...
Yeah, me too, I think it's partly to do with the limited possiblities that DIVs can give :S either that or we need to be a bit more imaginative :S
disaster-master posted this at 19:25 — 7th April 2003.
She has: 2,154 posts
Joined: May 2001
Thanks for looking.
I have made the following changes:
Added a line between the links by adding borders to list items. (via ALA)
Centered the menu at the top and the secondary nav at the bottom. I still have to add one or two more menu selections so it may look better after more are added.
Reduced the padding in the top nav.
Changed the dotted lines around nav and box on the right to solid.
Removed the dashed underline from the links and used the regular underline.
I had the header graphic set as a background. I moved it so that it is a regular image.
Not sure what you mean about this busy. Would you mind doing a screenshot for me in NS4.7 and NS7?
I am aware that it is very plain and "css layout-ish" looking but I really would like to work with this and make it look less "common". Input?????
Oh, anybody got a Mac?
Here is the LINK again.
Busy posted this at 21:07 — 7th April 2003.
He has: 6,151 posts
Joined: May 2001
I upload screen shots of NS4.7 (top and bottom), NS7 and IE5 322kb total can be seen here
NS4.7 looks different now with changes (top section)
disaster-master posted this at 22:06 — 7th April 2003.
She has: 2,154 posts
Joined: May 2001
Thanks busy.
Looks like I need to figure out something to make the meun look like a menu in IE5 instead of it looking like a sentence. I was wanting to use a list for the menu but I may have to resort to something else.
I am not too worried about NS4 as long as it is accessible. *did i really say that?*
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.