A few suggestions, in order of markup. 1) The JS menus are okay, if everything listed in them is accessible some other way.
2) Your non-JavaScript link list (topnavbar) should be a list. And the bullet images would be better as background images or list-style-image's. 3) Instead of having an image for your header, consider having a H1 that says "WebNet Design Studios: A Progressive Web Design and Development Group" and use an image-replacement technique. As the page title, this should carry greater semantic weight than it does at present, which is why I'd lean towards a H1 rather than a semantically neutral <div> with an <img> inside. 4) If you change that to be a H1, then (this one is open to conjecture) I think all the other H1s on your page should become H2, etc. 5) Currently, your H1s have images inside them. Setting padding-left and a background-image would be a better alternative here. Use id or class to differentiate the images between headers, if this is what you need (at the minute, it looks like that's what your design aims for). 6) You have a table that's semantically inappropriate under the Consumer Shop heading (summary="Consumer Shop" id="table") -- these links should, again, be an unordered list. To make them use the space more effectively, you can float them to make their appearance emulate a table. With fluid layouts, this has the added benefit of making "columns" appear to appear and disappear as the layout scales -- though this isn't a concern here. You can also set a background image for list items instead of including the <img> tag at the start of each. 7) Finally, your footer should also be a list. I would use an image replacement technique here again, possibly putting your copyright statement in a separate list to enable correct positioning (if you need to... it's possible not to, but might be easier that way). AND -- this one is important -- text resizing (up) breaks immediately because you've set the heights of #integration, #consumer, #special, #starter, #site and #quote in pixels. Unsetting all of these doesn't particularly break anything, though when resizing the length of the columns relative to one another does fluctuate somewhat (I'm only testing in Firefox, here). You can fix this by putting your #clear div INSIDE the #wrapper div, so that #wrapper extends as far as it has to, continuing the white background all the way down (I think... I've never been completely on top of that whole clearing thing, so I'm not 100% sure that'll work... the theory runs something like that, though. Play around.) HTH, Josh Kind Regards, Joshua Street base10solutions Website: http://www.base10solutions.com.au/ Phone: (02) 9898-0060 Fax: (02) 8572-6021 Mobile: 0425 808 469 Multimedia Development Agency ________________________________________________________________________ E-mails and any attachments sent from base10solutions are to be regarded as confidential. Please do not distribute or publish any of the contents of this e-mail without the sender’s consent. If you have received this e-mail in error, please notify the sender by replying to the e-mail, and then delete the message without making copies or using it in any way. Although base10solutions takes precautions to ensure that e-mail sent from our accounts are free of viruses, we encourage recipients to undertake their own virus scan on each e-mail before opening, as base10solutions accepts no responsibility for loss or damage caused by the contents of this e-mail. ________________________________________________________________________ ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
