5568 sujets

Sémantique web et HTML

Pb (IE Mac) Menus Css avec image réactive

Salut à tous,
J'ai fait un menu en Css (comme montré dans les tutoriaux et sur le livre Css2), il marche très bien sauf sur IE5 sur Mac... Quand je survole le menu il ne ce passe rien (pas de changement d'image de fond, pas de changement de couluer de police)
Je sais qu'il y a une solution puisque le menu du site alsacreation marche très bien sur IE5 Mac.
J'aimerai savoir si il y a une petite astuce.

Voici mes codes

Css:
ul#menu{
	margin: 0 ;
	padding: 0 ;
	font: bold 1em Arial, Times, serif;
	list-style-type: none ;
	/* Suppression du margin, du padding et des puces du <ul> */
}

#menu li {
margin: 0 0;
float: left;
}

#menu a {
display: block;
width: 156px;
border-top: 2px solid #C0C0C0;
border-bottom: 2px solid #808080;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #808080;
color: #CC0000;
background: url(bouton_gris2.jpg);
text-decoration: none;
text-align: center;
}

#menu a:hover, #menu a:focus {
color: black;
font-style: italic;
border-bottom: 2px solid #C0C0C0;
border-top: 2px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #C0C0C0;
background: url(bouton_gris1.jpg);
}

#menu a:active {
color: black;
background: url(bouton_gris1.jpg);
}



xhtml
<ul id="menu">
			
			<li><a href="societe.php">Soci&eacute;t&eacute;</a></li>
			<li><a href="dispositifs.php">Dispositifs</a></li>
			<li><a href="procedures.php">Proc&eacute;dures</a></li>
			<li><a href="pressecom.php">Presse & Com</a></li>
			<li><a href="contacts.php">Contacts</a></li>
	
	</ul>


http://www.vascular-office.com/

Merci beaucoup.
Modifié par Mat123 (02 Aug 2006 - 14:37)
J'ai fait des tests et j'ai trouvé ce qui bug mais je ne sais pas du tout comment le résoudre.
En fait je fais un site qui est contenu dans un cadre qui est toujours au milieu de l'écran (avec des marges négatives). www.vascular-office.com
Pour que ça marche sur IE5 MacOs9 il faut définir (uniquement pour les mac) la position du cadre en "fixed". Et c'est elle qui fait que le menu ne bouge pas lors du survol.
Je vous montre le code css de mon cadre:



.global {
position: fixed !important; /* pour les macs */
position: absolute; /* pour les autres */
left: 50%;
top: 50%;
width: 800px;
height: 460px;
margin-left: -400px; /* moitié de la largeur */
margin-top: -230px; /* moitié de la hauteur */
font: 0.9em 'Arial', Times, serif;
color: black;
border: 1px solid #333;
background-color: #FFFFFF;
}



Voila, si quelqu'un a déjà rencontré ce problème et qu'il a trouvé une solution, ca me sauverai.

Merci à tous.
Bonjour,

Sauf cas spécifiques d'intranet avec ce type de matériel, IE5Mac se gère comme les navigateurs NS4.x et IE4.x : sans CSS.
Bonjour,

Ce bug d'IE mac n'a à ma connaissance pas de solution. Mais les liens qui sont dans l'élément en position fixe restent quand même fonctionnels.
Oui c'est vrai qu'ils restent fonctionel, mais même le curseur de la souris ne change pas au survol du menu, malgrè de fait que ce soit des liens.
En tout cas merci.
Si je trouve une solution je vous préviendrai...mais j'ai peu d'espoir.
A+
Je ne sais pas au juste s'il y a une façon de faire pour une image mais il y a un hack pour ieMac qui te permettrait de créer un effet survolé avec de la couleur.

Je ne sais pas si ça empêche de valider par contre.

Mat123 a écrit :

#menu a:hover, #menu a:focus {
color: black;
font-style: italic;
border-bottom: 2px solid #C0C0C0;
border-top: 2px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #C0C0C0;
background-color:#0000FF;
/* La barre oblique vers la gauche fait en sorte que ieMac ne lit pas la ligne suivante \*/
background: url(bouton_gris1.jpg);
}


Sujet clos
Aller à