Text only top level problem?

Poster: kaysel
Dated: Tuesday February 28 2006 - 15:50:32 GMT

I am trying to have the top level menu text of the menu hierarchy showing without any background color or visual image. Visually it works fine when removing the "bg" color, but the browser does flicker the link-hoover on and off as the mouse pointer moves over the text.

It appears as if only the text graphic pixels are interpreted as a part of the link whilst the spaces between letters and eq. even the space within an "O" is not interpreted as part of the link?

Adding a visible background seems to solve the problem, while a transparent background image does not solve the problem?

Any chance it is possible to have a text only link showing the underlying page, but still allowing the text to be clicked without having to hit an exact pixel in the text?

Thanks!

with(menuStyleHead=new mm_style()){
position="relative";
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
fontweight="bold";
oncolor="#DDDDDD";
menucolor="#DDDDDD";
offcolor="#FFFFFF";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagecolor="#222222";
separatorcolor="#DDDDDD";
separatorsize=0;
subimage="Mnu/arrow.gif";
subimagepadding=2;
}

Poster: Migru
Dated: Tuesday February 28 2006 - 15:58:45 GMT

Hi

do you have elsewhere css settings in your file which may create a conflict with the menu styles ?

Michael

Poster: kaysel
Dated: Tuesday February 28 2006 - 16:04:25 GMT

Hi!

Don't think so. There are two stylesheets used for content in general for the site:

http://www.kokkamok.no/css/globalStyle.css
http://www.kokkamok.no/kokkamok/Style/style.css

<link rel="stylesheet" href="css/globalStyle.css" type="text/css">
<LINK REL="stylesheet" TYPE="text/css" HREF="kokkamok/Style/style.css">

Kay