Vertical flyout menu, CSS for

[Jeremy]

I am trying to make vertical flyout menus, per Jon Spivey's tools and
approach, as in
http://myweb.tiscali.co.uk/jonspivey/menus/tutorial/index.html. I can do
everything, except the CSS code to make an entire cell clickable. Jon says
in his html code comments to add the IE conditional code comment, but I
can't get this to work. I assume this code somehow changes the .style of the
text in the cell you want to make clickable.

Can anyone shed more light on how to make it possible to click anywhere in a
cell, using CSS. (I know how to do it using a .gif, but I would prefer to
just use CSS).

Thanks, Jeremy

 

[Jeremy]

Thanks to B. Biddle's reply to Dana, I have been able to make the CSS code I
need. However, I still don't have the "IE Conditional Statement" that Jon
Spivey speaks of, but my flyouts and links work OK. Do I really need the
conditional statement and if so what does it do? Thanks!

 

[Murray]

You make an entire cell clickable by a) declaring the <a> to be
display:block, and b) by assigning a width to the <a> tag, e.g.,

a { display:block; width:255px; }

However, you *MAY* need to declare a height as well for IE5+, and you could
do that like this -

<!--[if gte IE 5]>
<style>
a { height:1px; }
</style>
<![endif]-->

(it doesn't matter that you have only declared 1px as the height - you just
need to give IE a boot to get it to actually evaluate what the height really
is.

 

[Jeremy]

Got it! Many thanks for your help Murray.

 

[Murray]

You're welcome!