28220 sujets

CSS et mise en forme, CSS3

Menu rollover css sous IE

Bonjour!

voila j ai une petit probleme, j ai creer un menu avec un simple rollover sur les boutons (le tout en css) ,seulement petit hic l effet du rollover n est visible que sur mozilla (le vrai navigateur lol) et internet explorer ne le prends pas en compte !

Est ce normale ?Peut on y remédier ?

Merci d avance !
Modifié par still_cyril (10 Mar 2005 - 20:28)
Salut,
si tu utilises :hover sur autre chose que "a" ça ne marchera pas sous IE.
Si tu utilises bien :hover sur "a", il faudrait nous donner ton code, parceque là tu te doute qu'on va pas aller bien loin Smiley cligne

Sinon pour les bases sur le roll over CSS :
http://www.elmoustikoblog.net/tutoriels/css/roll_over/
-déplacé dans le salon CSS-
Modifié par Olivier (10 Mar 2005 - 20:33)
le voila! pour le css



a.menu1
{ display:block;
position:absolute;
top:325px;
width: 107px;
height: 24px;
background-image: url(images/bouton1_1.gif);
background-repeat: no-repeat;
}

a.menu1:hover {
background-image: url(images/bouton1_2.gif);

}


Smiley smile



et pour la page index




<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="conteneur1">
<div class="fond"></div>
</div>




<div class="conteneur2">


<div class="head1"></div>
<div class="head2"></div>
<a class="menu1"></a>




</div>



</body>
</html>
Modifié par still_cyril (10 Mar 2005 - 20:38)
Hmm étrange, à première vu ça devrait coller Smiley sweatdrop
Par contre, tu peux utiliser le balisage BBcode s'il plait pour ton code, le bouton [ code] sous la zone de saisie des message (ou encadre directement avec [ code] [/code] (sans espace) dans le message)

As tu un exemple en ligne ?
Sinon, je te conseil de suivre la marche à suivre que je t'indiquais dans le lien dans mon autre post, ça te permettras t'optimiser l'effet en n'utilisant qu'une seule image.
Salut,

Je crois tout simplement que IE ne gère la pseudo classe :hover que sur les liens et pas sur les ancres, donc il manque un "href=...." dans les attributs de ta balise <a >

Smiley cligne
Awé bien vu pour le href, j'avais pas vu, mais je savais pas qu'il était obligatoire pour la gestion de la pseudo class :hover Smiley rolleyes

Ca viendrait pas du positionement absolu pour une raison X ou Y ??

Par ailleurs, positionement absolu + display: block inutile Smiley cligne
Effectivement c'est bien ça le problème!
Merci! Smiley lol

Vraiment pas évident les css finalement. Toujours un problème avec IE... Smiley ohwell
Bonsoir,

mark_nikil est-ce le même membre que still_cyril ? Smiley eek

Si c'est bien le cas, merci de na pas multiplier les inscriptions, une seule est bien suffisante, et au moins de poster sous la même identité Smiley cligne
Modifié par Igor (18 Mar 2005 - 20:34)
Sujet clos
Aller à