Rollover // menu inline [ résolu].

Bonjour,

J'ai un petit problème avec mon menu inline::: lien : www.vitamine-c.ch/menu.htm
En effet, le rollover ne se positionne pas correctement sur l'autre cercle.( violet)
Si quelqu'un pouvait m'aider. merci d'avance et bonne journée
dup's
Modifié par dups (21 May 2005 - 16:54)

Je pige pas trop ton problème là

Ton cercle violet est affiché même sans roll over.

Le mieux serait d'utiliser une image unique contenu ton cercle orange et ton cercle violet.
Tu les met l'un en dessous de l'autre sur l'image.

Ensuite, tu décales le background en fonction de l'etat (:hover ou normal).

La technique est expliquée ici :
http://www.elmoustikoblog.net/tutoriels/css/roll_over/

Merci pour le tuyau, mais c'est pas tout à fait ça que je demandais:
Au fait, j'aimerai que le rond violet, soit affiché uniquement sur le "current" du menu, Comment faut-il faire??
Voici le lien www.vitamine-c.ch/menu.htm
Merci pour votre soutien
dup's

Ahh, tu veux un look spécifique pour l'item de la page courante ?

Donc, là tu met un id="current" par exemple à ton <li> qui doit être en violet, et tu lui met la partie violette de l'image (si tu utilises une seule image comme proposé plus haut), ou l'image violette.

Et le tour est joué

[RESOLU]Bonjour,

J'ai un petit problème avec mon menu inline::: lien : www.vitamine-c.ch/menu.htm
En effet, le rollover ne se positionne pas correctement sur l'autre cercle.( violet)
Si quelqu'un pouvait m'aider. merci d'avance et bonne journée
dup's

Le [ résolu] c'est dansle titre qu'il faut le mettre
Modifié par Igor (29 Apr 2005 - 16:46)

dups a écrit :
[RESOLU]Bonjour,

J'ai un petit problème avec mon menu inline::: lien : www.vitamine-c.ch/menu.htm
En effet, le rollover ne se positionne pas correctement sur l'autre cercle.( violet)
Si quelqu'un pouvait m'aider. merci d'avance et bonne journée
dup's

/me comprend rien...

Bonjour,

essaie de remplacer ceci

#menu a:link#current, #menu a:visited#current, #menu a:hover{
color: #D008FD;
		background-image: url(images2/b7.gif);
		background-repeat: no-repeat;
		background-position:-30px;
		
		}

par

#menu li#active{
		background-image: url(b7.gif);
		background-repeat: no-repeat;
		background-position:0.06em;
		
		}
#menu li#active a, a:hover{
		color: #D008FD;
		}