View Full Version : chrome menu pblms online

03-29-2006, 07:47 AM
Hi, i'm trying to use the chrome menu in css. i modified a bit the design but didn't touch anything in the .js file. I tested it with ie and it works fine offline (on my computer) and online.
I tested it with ff and if i don't have any pblm offline,but there's something strange happening when i put it on the server like if i forgot to put the address of an img file or something like that:confused: . I really don't understand why. can anyone help me ?
here's the link (http://perso.univ-rennes1.fr/yann.molard/labo/)

thanks for your help

03-29-2006, 07:58 AM
Looks like you should simply remove this from the chromestyle.css file:

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
content: " " url(chrometheme/tri_down2.gif); /*uncomment this line to use an image instead*/

This type of style only works in browsers other than IE and since you have hard coded the image already, this bit is, at best, redundant.

03-29-2006, 08:32 AM
:) All right thank you very much for your as quick as efficient answer!
it works fine now.
i 'm wondering if there is a possibility to swap the image tri_down2.gif for another one on the mouse over.

03-29-2006, 09:09 AM
Well, where you have:

Recherche <img src="chrometheme/tri_down2.gif" alt="" border="0">

You can add a simple rollover:

Recherche <img src="chrometheme/tri_down2.gif" alt="" border="0" onmouseover="this.src='chrometheme/tri_down1.gif';" onmouseout="this.src='chrometheme/tri_down2.gif';">

Usually (assuming there is a 'chrometheme/tri_down1.gif') this is all you need but, event bubbling (due to the image being part of another rollover bubble - the one that drops down the menu) may cause problems. It may not, so try this out first, as it is the easiest to do and to explain.

03-29-2006, 11:48 AM
all right thanks.
i guess i didn't explain properly what i wanted to do: i'd like to know if it's possible to change the image tri_down2.gif for tri_down1.gif while the menu is dropping down (like if you put a 'v' instead of an arrow) ie while the mouse is over the area defined by <li> tag in the chromenu.
in my case, if the user put is mouse on the 'recherche' section, the background changes from blue to white, the text from white to blue and i would like that the image changes also from 'tri_down2.gif' to 'tri_down1.gif'.
don't know if i'm clear, but thanks anyway !

03-29-2006, 05:22 PM
<li onmouseover="rec.src='chrometheme/tri_down1.gif';" onmouseout="rec.src='chrometheme/tri_down2.gif';"><a href="recherche.html" title="Activites de recherche du Laboratoire" onmouseover="cssdropdown.dropit(this,event,'dropmenu1')">Recherche <img name="rec" src="chrometheme/tri_down2.gif" alt="" border="0">
<li onmouseover="act.src='chrometheme/tri_down1.gif';" onmouseout="act.src='chrometheme/tri_down2.gif';"><a href="actu.html" title="Actualites" onmouseover="cssdropdown.dropit(this,event,'dropmenu2')">Actualites
<img name="act" src="chrometheme/tri_down2.gif" alt="" border="0"></a></li>

03-29-2006, 05:38 PM
:) :) Oh yes, thank you very much. Just what i needed.
I understand the code you gave me. it's just perfect!
thanks again:D