Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Please critique my basic site layout so far.
- Thread starter iostream.h
- Start date
- Sort by reaction score
stoid said:
I second that -- the text in the menu bar is a bit small. The color scheme is very nice.
Rower_CPU
Moderator emeritus
Great look, but here are some things you should double-check:
1) If you're going to use images for navigation/logos, you absolutely need to have alt tags on them with the text of the button for accessibility purposes. For instance, this:
should be this:
2) Validate your HTML - you need a doctype before your opening <html> and then run it through the W3C's HTML validator service.
3) Validate your CSS - you're missing the # before several hex color attributes on some background colors. Always run your CSS through the W3C's CSS validator service before going live.
4) Finally, you've got a case of what Jeffrey Zeldman calls "divitis". You can really cut down on your code weight (in both the HTML and CSS files) by eliminating all the absolute positioning and multiple divs for each nav button - here's a good resource for starting out: http://css.maxdesign.com.au/listutorial/.
1) If you're going to use images for navigation/logos, you absolutely need to have alt tags on them with the text of the button for accessibility purposes. For instance, this:
Code:
<img src="./images/applications.gif">
Code:
<img src="./images/applications.gif" alt="Applications">3) Validate your CSS - you're missing the # before several hex color attributes on some background colors. Always run your CSS through the W3C's CSS validator service before going live.
4) Finally, you've got a case of what Jeffrey Zeldman calls "divitis". You can really cut down on your code weight (in both the HTML and CSS files) by eliminating all the absolute positioning and multiple divs for each nav button - here's a good resource for starting out: http://css.maxdesign.com.au/listutorial/.
superninjagoat
macrumors 6502
Mr. Anderson
Moderator emeritus
nice and clean - but you don't really have much content to critique 😀
are the links going to open up separate pages or will you dynamically load the content below?
D
are the links going to open up separate pages or will you dynamically load the content below?
D
Mr. Anderson
Moderator emeritus
superninjagoat said:
I am having the same problem (IE 6 on my work computer). All I see is that top bar as pictured in the post above, with the text cutoff. The rest of the page is blank. I like the color scheme though. 😎
rueyeet
macrumors 65816
Yup, I get the same thing as superninjagoat in IE 6 on Win 2K Pro.
Otherwise--very clean and minimalistic, and I like the slatey color scheme. Depending on what you add to the design, it could look very corporate tech, or high-design. I agree with adding the alt tags to the images, but don't think you should increase the text size TOO much, or you'll disturb the proportions of the layout.
Otherwise--very clean and minimalistic, and I like the slatey color scheme. Depending on what you add to the design, it could look very corporate tech, or high-design. I agree with adding the alt tags to the images, but don't think you should increase the text size TOO much, or you'll disturb the proportions of the layout.