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

Mat123 · 26 Juillet 2006

Salut à tous,
Je fais un site internet en Xhtml et CSS.
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 OS9... 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 OS9.
J'aimerai savoir si il y a une petite astuce.

Voici mes codes

Css:

Bloc de code:

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 :

Bloc de code:

<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>

Voici le site en question :

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

Merci beaucoup.

da capo · 26 Juillet 2006

Salut, le a:hover doit systématiquement être placé en dernier.

Mat123 · 26 Juillet 2006

comme ça : ?

Bloc de code:

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 {
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);
}

Malheureusement ça ne marche toujours pas (c la version en ligne) :

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

valentin_caen · 26 Juillet 2006

En fait :hover ne fonctionne qu'avec a (a:hover). Et pas avec les div. Sous IE.
Il y a un patch pour palier à ce probleme. Tape "Patch IE7" dans google

da capo · 26 Juillet 2006

@Mat123 : tu es sur que la feuille de style passe avec IE5 sur Mac ? J'ai regardé vite fait le bouquin de Goetter mais je n'y ai pas vu de précision sur la validité.

Le script en ligne est visible où ? (sur le site de alsacreation mais quelle page ?)

momo-fr · 27 Juillet 2006

Tu l'as regardé sous Opéra ton site ?

Mat123 · 28 Juillet 2006

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:

Bloc de code:

.global {
position: fixed !important; /* pour les macs */
position: absolute; /* pour les autres */
left: 50%;
top: 50%;
width: 800px;
height: 460px;
margin-left: -400px; /* moiti&#233; de la largeur */
margin-top: -230px; /* moiti&#233; 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.

Captain_X · 28 Juillet 2006

oué tu fais une detetction de navigateur via une fonction php ou JS, et tu attribue une feuille de style en fonction de la réponse ... t'as donc 2 CSS 1 pour IE et une pour Mac ouala

Anonyme · 29 Juillet 2006

Sinon tu peux faire une règle spécifique IE mac en appliquant un hack CSS

Mat123 · 31 Juillet 2006

En fait ce qui bloque le menu c'est juste la "position: fixed", et le problème c'est que ça a l'air d'être le seul moyen de faire un site centré au mileu de la fenètre de navigation sur IE5 MacOs9.

Mat123 · 2 Août 2006

Toujours pas de solutions...???
S'il vous plait...

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

heliotrope · 3 Août 2006

Franchement, je vois pas

Sur ce coup là, t'es plutot malchanceux parce que des visiteurs sous mac os9 qui composent ton coeur de cible c'est rare.

pourquoi utiliser un doctype strict et ne pas respecter cette norme dans l'ecriture des balises.
ex: <img />

tatouille · 3 Août 2006

Mat123 a dit:
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:

Bloc de code:

.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.

le support mac OS 9 et IE 5 mais c'est fermé on s'en fou

quand tu fais un site en 2006 tu ne fais pas de l'épistémologie du web

fixed c'est pour tout les navigateur w3 compliant
donc tous sauf IE

et il ya une grande difference ...

fixed peut etre simulé en js pour la cave de $

et même si ca bug ca ne se verra pas c'est tellement moche ce site
c'est toi le flash aussi ? parce que si c'est toi je te couperais les mains

et les gas si vous ne savez pas faire du multimedia pourquoi vous en faites ?
pour emmerder ceux qui bossent correctement ?

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

Mat123

Membre enregistré

da capo

abonné absent

Mat123

Membre enregistré

valentin_caen

Membre confirmé

da capo

abonné absent

momo-fr

Ancien Aveyronnais

Mat123

Membre enregistré

Captain_X

Membre expert

Anonyme

Invité

Mat123

Membre enregistré

Mat123

Membre enregistré

heliotrope

Membre actif

tatouille

Membre expert

Sujets similaires