Rollover example with different stylesheet critique needed

David Graham wrote in
news:xN4ob.52$ym1.114149 (AT) newsfep2-gui (DOT) server.ntli.net:

"picayunish" <e_vdvaart (AT) yahoo (DOT) co.uk> wrote in message
news:6RWnb.3354$2o2.18308 (AT) amstwist00 (DOT) ..
David Graham wrote in
news:aU7nb.4135$xS2.2461202 (AT) newsfep2-win (DOT) server.ntli.net:
"picayunish" <e_vdvaart (AT) yahoo (DOT) co.uk> wrote in message
news:9EWmb.2596$2o2.18170 (AT) amstwist00 (DOT) ..
Good day Girl and Boys,

Could you give me some comment / critique about the "Rollover example
with different stylesheet page".
Hi
I note that the horizontal list has a small defect in IE6 (also
probably 5 and 5.5 but don't have them at the moment) in that the
cursor has to be over the text in the link before it can activate the
link. This can be cured with width: 100% and I think you can chuck in
height: 100% for good measure in

a.horunord, a.horunord:visited {

display: block;
width: 100%;
height: 100%;

Tried it. This is how it looks with a width of 100%
http://www.semi-conductor.nl/img/rollover2.png 26.78 KB (27422 bytes)

However when I add the width 10% in li.horunord and only the width: 100%
and display block in the a:xx, then in IE6 will show the buttons
perfect. However not in Firebird, NS 7.1 and Moz.

When I change the width of #navhorunord into 100%. Add the width of the
li (19%) and us a width of 40% for the links.
The buttons will be shown correctly in IE with a window of 800x600.

In this case I don't advice to use width = 100%.
Hi
The example I was thinking of might have been a bit different to yours.
The addition of 19% width is essential because li.horunord is a float
and all floats must have an explicit width (or implicit for things like
a floated image.) The links need to be 40% as 100% plus the padding
makes them too wide.

The link below is of interest
http://css.maxdesign.com.au/listamatic/horizontal03.htm

This gets the width: 100% in on the ul which seems to get round the
problem of only the link text activating the link on hover.

This link is to a simple horizontal list
http://css.maxdesign.com.au/listamatic/horizontal02.htm

No floats used and no widths but works fine.

Thanx for the explanation.
I'll investigate those links and suggestions.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://members.chello.nl/e.vandervaart/ Experimental site

Bonnie Granat wrote in news:3fa0ac6c (AT) andromeda (DOT) 5sc.net:

"picayunish" <e_vdvaart (AT) yahoo (DOT) co.uk> wrote in message
news:9EWmb.2596$2o2.18170 (AT) amstwist00 (DOT) ..
Good day Girl and Boys,

Could you give me some comment / critique about the "Rollover example
with different stylesheet page".
Please tear this page apart (don't be shy).
http://www.semi-conductor.nl/test/rollover/


I like it. Simple, clear, bright, cheery -- why, why, it's perfection
itself. Who could ask for a better rollover?

I do ask for perfection. :-D
But thanx for the comment on my standard stylesheet.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://members.chello.nl/e.vandervaart/ Experimental site

Bonnie Granat wrote in news:3fa0ad28 (AT) andromeda (DOT) 5sc.net:

"picayunish" <e_vdvaart (AT) yahoo (DOT) co.uk> wrote in message
news:9EWmb.2596$2o2.18170 (AT) amstwist00 (DOT) ..
Good day Girl and Boys,

Could you give me some comment / critique about the "Rollover example
with different stylesheet page".
Please tear this page apart (don't be shy).
http://www.semi-conductor.nl/test/rollover/

Picky!!! You didn't say to read the page and test the examples!! Why
didn't you ask for that???

But, but ...
I did ask to tear my page apart. So play around with my server side
stylesheet.

The color for the down button is not good. Wrong color.

Okay wrong colour. It's a start.

I recommend using black letters on the orange, and use white letters on
the down button and make the button DARK.

So your suggestion is to have a light colour for the link and a dark hover
colour.
Let say: the link a yellow or orange colour with black text and a black
hover with white text.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://members.chello.nl/e.vandervaart/ Experimental site

"picayunish" <e_vdvaart (AT) yahoo (DOT) co.uk> wrote

Bonnie Granat wrote in news:3fa0ad28 (AT) andromeda (DOT) 5sc.net:
"picayunish" <e_vdvaart (AT) yahoo (DOT) co.uk> wrote in message
news:9EWmb.2596$2o2.18170 (AT) amstwist00 (DOT) ..
Good day Girl and Boys,

Could you give me some comment / critique about the "Rollover example
with different stylesheet page".
Please tear this page apart (don't be shy).
http://www.semi-conductor.nl/test/rollover/

Picky!!! You didn't say to read the page and test the examples!! Why
didn't you ask for that???

But, but ...
I did ask to tear my page apart. So play around with my server side
stylesheet.

The color for the down button is not good. Wrong color.

Okay wrong colour. It's a start.

I recommend using black letters on the orange, and use white letters on
the down button and make the button DARK.

So your suggestion is to have a light colour for the link and a dark hover
colour.
Let say: the link a yellow or orange colour with black text and a black
hover with white text.
--

It should mimic a pushed down button on a real object (this helps users
because it is visual analogy and reminds them of what they have done
themselves, that is, they selected a button by pushing it down [clicking]),
so it should be dark. The reason I say black on the orange button is because
the white is pretty hard to read at that size. In a large size, white on
orange is good, but not here. (Don't increase the size, though. The page
looked great here with my Smallest setting in IE.)


--
Bonnie Granat
Granat Technical Editing and Writing
http://www.editors-writers.info