I have a web page designed for a mobile phone that I want cleaned up and enhanced. It already looks good, but I need the code sharpened.
You can find the LINK to the page in this TXT file: [login to view URL]
Specifically,
1) remove the tables, try to use as little HTML code as possible (i want less HTML code not more)
2.) Redesign the top bar so that when a user 'zooms in' on his mobile phone, the right side icons won't float off of their spots like the mobile version of [login to view URL] (the icons remain when user zooms in)
3) Top right side icons: I only want 2 icons instead of 4. A search (magnifying glass) and an "i" for information...i will buy the right icons, you just put a spacer (filler image) in there. The "I" icon will operate like a standard hyperlink. The Search icon will operate like an accordian and drop down 3 options that operate like hyperlinks. Use the same kind of accordian that [login to view URL] uses (go to [login to view URL] on your mobile phone and click the top right icon, it will give you drop down options, I want this same thing on mine)
4) Be sure not to break the fluid layout. The user should be allowed to zoom in up to 100% (this is set currently, don't break it)
5) The orange bar that says "Professional Counseling" I want to look better. Make it narrower (less vertical height), and go straight across the screen
6) The address information when oriented Landscape should only start a new line after the contact link and after the street address
7) Code must strive for maximum validating compliance for mobile use.