Position with Style: Fixing the Maori Land Court

[ArticleBot]

This is a dedicated thread for discussing the SitePoint article 'Position with Style: Fixing the Maori Land Court'

[eruditus]

A well thought out article covering a topic that I'm sure many of us have experienced, good solutions. It bought to light an aspect I've noticed elsewhere, 'compliance', one has to presume that the compliance recommendations originate from very knowledgeable advisors, the shortfall being at times 'not practical, not feasible,etc. While compliance may be a wish list it might also be a pipe dream! I would like to hear other views.

[Geof Harries]

Why no doctype declaration in the new and improved page?

geof

[hanshenp]

That is neat, never thought about making the hover effect in lists like that, that way before... good job ;-)

[NZ Joe]

Hi Geof,

I'm not sure what happenned to the DTD. One of those unexplained mysteries? It was there when I built the page, the w3c validator would have told me otherwise. Since writing the article I have left that organisation so someone else may have played with it.

Eruditus,

The New Zealand eGovt web guidelines have been in development for a while. They were originally proposed by GOVIS in the late 90's as a set of recommendations, but have since been more officially recognised and are now compulsory for Public Service departments in New Zealand. The latest version was put out for wide consultation to govt webmasters, industry and interested parties.

[Anonymous]

Hmmm, the days of rollovers are drawing to a close

[Anonymous]

When viewing the pages in IE5.5, the rollovers don't seem to work properly.

The 'Acts, Rules...' Maori text is well off to the left of the graphic while the other Maori text for the other links appears half under the graphics. Do they need a padding or margin fix or is this an IE bug? I'm not sure!

Otherwise, a very nice looking site that has certainly benefitted from the CSS treatment!

Jono

[NZ Joe]

Jono,

That's something that I hadn't seen before. I guess that it is another IE quirk, because it's OK in IE 4 and IE 5.01.

[Paul O'B]

That's something that I hadn't seen before. I guess that it is another IE quirk, because it's OK in IE 4 and IE 5.01.

IE5.5. doesn't like the display:none and is setting the span to the start of the line. You could just use visibility hidden instead and place the span absolutely then it doesn't jump.

To stop Opera7 from rubbing out the text just add visibility:visible to the a:hover style.

All the changes needed are here:

a:hover {
 background-color: transparent; /*hack for IE */
 visibility:visible;/*hack for opera7*/
}
span {position:absolute;right:35px;}
* html span {height:1%;/*ie5 needs this*/}
a span.en, a:hover span.mi {
 visibility:visible;
}
a:hover span.en, a span.mi {
 visibility:hidden;
}

Works ok in ie5, 5.5, 6, mozilla/firefox and Opera7.

Hope that helps.

Paul

[Anonymous]

Unsolved

Opera has terrible re-painting issues, so that could be a problem. I managed to fix some problems once with
body:hover { background: inherit; }

It was a bit slap-happy but it worked

[Paul O'B]

Unsolved

To stop Opera7 from rubbing out the text just add visibility:visible to the a:hover style.

That works perfectly

[Regan]

NN4
{
border: 0px
}