Hey ive recently designed a website for a phone company and well am here so you peeps can review it.
Here are my problems which i would like to fix-
1. I would like the main menu to be centered but i cant seem to get it so as a temporary work around i just set the right margin to make it look center.
2. At 800*600 the left hand columns cut off for some reason.
3. In Mozilla its an absolute mess because of my propreity ie coding but if anyone can find work arounds i would be extremely greatful see the client doesnt know about other browsers and that but he made me start coding it in IE and its all went from there. But i would like to keep the same look as it does in IE becuase the client likes it.
4. Ohh yeah i created another big sin by using an ID twice but that is another temporary work around as i wanted them links styled the same.
5. Valid CSS but not Valid XHTML becuase of the flash banner is there a way to get that to validate.
Any help/ info is appreacited
Last edited by sharkey182uk; 04-20-2004 at 01:10 PM..
If it's in a block element, use margin-left: auto and margin-right: auto and set a specific width; as a hack for IE5.x/Win, specify text-align: center for the parent element, and adjust text alignment for the menu if needed.
??? (Yeah, a link would be handy).
Code for standards, hack for IE. There are plenty of hacks/filters/fixes available to make IE play nice; things IE really doesn't support, and proprietary stuff only IE supports should be avoided. Don't tell your client about it, just do it. If he doesn't know and it doesn't show, he couldn't care less.
In regards to source code, not much to say apart from the fact that you have used a few deprecated tags, e.g. <center>, missing alt="" attributes in images, and you use the align="center" tag. It needs a lot of work.
The basic idea is pretty nice; for a start, you didn't use tables for layout ( ), and most of the code looks pretty sound.
However, using IE5.5/Win, most of the text in the various link lists is tiny and illegible, and the center content area is too far to the left, running over the left navs.
although a different source order would be preferable, if you stick with floating the navs left and right, specify sufficient left and right margin for your content area to clear the navs and set its width to "auto". Oh, and use fixed widths for the navs; no need to have those scale.
Since your top nav bar is a list and is in itself inside a div, there should be no problem centering it as I mentioned before.
Also, I don't know what's causing it, but your layout just won't fit the window; if there are any window-wide elements specified with "width: 100%", try 99%. Having page elements butting up to the window chrome is something I'm not at all fond of anyway.
Lastly, don't specify heights for any elements unless it's certain what height its contents are; simply letting the content decide an element's height works almost always, and usually better than set heights.