AAPI Inc. re-design/development

Hi all !

After spending 16 continuous hours,

Check this out -> http://aapii.zidesigns.com

Well this is work-in-progress, but design is almost completed !

Your comments and suggestions are welcome !

Also it might throw some ideas to Newbies ! from a newbie

The design is XHTML and CSS valid ! (the toughest part of webdesign)

Firefox renders it perfect, but IE does not

Now i have to leave because my screen goes blur and in another 5 minutes, I am about to crash

Warm regards and best wishes,

zi

Nice work Zi.

Great work.

I have tested it out using the following browsers - which all render it beautifully :- Advanced Browser v 8.02, Ace Explorer, Enigmas Browser, IE v 6 Netscape v 7.2.

If it was in a nice shade of blue I wouldn’t mind using it myself !

Just one point.

I see that you are using images for your top menu.

The W3Cs accessibility guideline 3.1 (priority 2) clearly states:

!When an appropriate markup language exists, use markup rather than images to convey information".

This basically means don’t use images to display text - site users with poor vision are unable to resize text that’s displayed through images and screen magnifier users may be unable to read text embedded in images as it can appear blurry and pixelated to them.

Quote from: gbt at Aug 13, 2005, 07:33 PM

Just one point.

I see that you are using images for your top menu.

The W3Cs accessibility guideline 3.1 (priority 2) clearly states:

!When an appropriate markup language exists, use markup rather than images to convey information".

This basically means don’t use images to display text - site users with poor vision are unable to resize text that’s displayed through images and screen magnifier users may be unable to read text embedded in images as it can appear blurry and pixelated to them.

Actually, this is what CSS image replacement techniques are for. You present the appropriate markup, which meets accessibility guidelines, and presents the information to browsers that do not recognize the markup, or to users who want to see it without the style information (e.g. turn off style sheets) so they can resize the text as needed. Then, in your style sheet, you can replace those markup elements with appropriate imagery, to present it in your graphical design of choice.

For great examples, check out http://csszengarden.com/ or search for image replacement techniques on Google or any of the many other great CSS resources available on the web today.

Just found a great article on image replacement techniques here --> http://www.stopdesign.com/articles/replace_text/#notes

Very nice Zi

@rthrash

Thanks for appreciation !

@gbt

WOW ! Thanks for thorough testing !! much appreciated

...and for your tip about image replacement, i will look into it

@Opengeek

Hey, Thanks for nice resource, but what about my site

@xWisdom

Thank you ! Thank you !

Thanks to you all for taking time to visit my work and for nice comments !

Best wishes and warm regards,

zi

Just one remark, with FireFox, not all pages are aligned the same. If I click through the menu, the whole page layout moves slightly to the left or the right.

hi Olaf !

Thanks for input,

Please share your screen resulotion... if its bigger then 1024x768 then its not the problem, bcz Firefox renders scrollbars dynamically with the height change of the site !

I hope it helps....

looking forward to your reply !

zi

I’m working on 1280x960. It is indeed the scrollbar. The first two sections have a scrollbar, the third does not.
Didn’t notice that the first time I looked.

That’s it !

Thanks for comments though !

regards,

zi