Hello everyone - after a brief email break I'm back reading the list mails ;)

Hi Peter.

For the rollovers, you can try and see how it would fair using :hover elements on the container tags. It won't be as easy to implement as Java, but it will run on browsers regardless of whether or not they allow or have Java turned on. Using the hover switch on div tags is much the same as using it on a tags. You set a load state and a rollover state. I've not the time atm to throw together an example, but I'm sure someone else can/uses the method on their site.

I ran your XHTML through the validator, and came across a few errors. Fortunately, unlike W3's validator, I offer solutions :) [i really wish they'd stop being all geek and start being a bit helpful already]

Line 36, column 26: there is no attribute "onLoad"
<body class="home" >

I'm not exactly sure if onLoad applied to the body element or not, but I believe it does. If I'm right, it's just a matter of making the L in "onLoad" lowercase. remember, all attributes must be in lowercase. This includes _javascript_ calling functions (eg, onmouseover)

Line 51, column 61: there is no attribute "hsrc"
..g src="" hsrc="images/nav_home_select.gif" width="69"


seems like a simple goof, there is no existing attribute named "hsrc".. you already have src listed before that is declared.

Line 55, column 154
: start tag was here (explain...) ...p://search.atomz.com/search/">Search <input size="10" name="TextSearch" type=
Line 55, column 239
: end tag for "input" omitted, but OMITTAG NO was specified
...nbsp;<input type="submit" value="Go"><input type="hidden" name="Search" value


you need to close all input tags either with </input> or a "/>" at the end

As for your h2 tag errors, you have your sidebar tags set up currently as <a><img /><h2>< /h2>< /a>, however because of restrictions in inline and block level tags, h2 may not be contained by an 'a' tag. It CAN however be contained by block level tags, like div for example *nudge nudge. If you're bent on keeping the <a> wrapping, set up a span.sidenavigation rule, and use span instead of h2 to control how they appear.

Good luck on your launch

--Ryan
http://www.theward.net

Universal Head wrote:
AudioSite template - almost there ...
Almost there, but before I spread this design throughout my site, can I ask a few more questions. I've checked validation but the problems come from a few things for which there may be better alternatives - suggestions most welcome. Some of this I cobbled from other sites and while it works, there may be better ways of doing things.

http://universalhead.com/clients/jands/audio.html

CSS at:

http://universalhead.com/clients/jands/css/jands.css

On the page:
- the search field is just a placeholder for the moment
- I use a bit of _javascript_ to create image rollovers. This causes Validation problems. Is there a better way to do these rollovers?
- I get a bunch of these, which I don't understand:

Line 65, column 150: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
 ...t="75" alt="Shure" class="logo" /><h2>Shure</h2></a><p>Brief summary of produ

- in IE 5 and Opera 6 on the Mac, I get two problems:
        - a bit of whitespace to the left of the square icon link images
        - the bit of text and the search field under the navigation don't line up the same way as in all browsers

I've fiddled with these problems but have come up out of my depth.

VERY much appreciate help with this folks - I'm gunning towards the best coded site I've every made and the help here is absolutely invaluable. Free beers for those passing by my studio in Stanmore!

Cheers
Peter
-- 
  


peter gifford

universal head    
design that works

visit  7/43 bridge road
        stanmore nsw 2048
       australia
call   (+612) 9517 1466
fax     (+612) 9565 4747
email   [EMAIL PROTECTED]
site      www.universalhead.com



*****************************************************
The discussion list for http://webstandardsgroup.org/
***************************************************** 



Reply via email to