Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

[CSS] Petit soucie avec ie

2 réponses
Avatar
Arius Vistoon
Bijour,

dans le cadre d'un petit projet
je me mets au css et xhtml strict

J'ai fais mon premier css
( tout content car il est valide et fonctionne
sous netscape 7.1 )
mais voila, je fais une petite base de donnée
et juste avant de passer au php, je me dis
je vais ouvrir ma page sous ie
et ....plaf, la galere
ca marche pas...

En lisant ici et la,
j'ai decide de mettre le "patch" IE7
rien n'y fait

Impect sous netscape 7.1 mais rien sous IE

l'erreur constater est la suivante :
les liens du menu fonctionne qu'a partir de la
3ème image ( euh...pkoi pas a partir de la premier
ou aucune....mystere.en tout cas pour moi ! )

Donc si vous pouvez m'éclairer de vos lumieres
merci d'avance

NB : si vous voyez des incohérence genre
code inutile/redondant, je suis preneur
de toute critique constructive et suggestion

-------------------------------
voici le code xhtml
-------------------------------
<div id="menu">
<ul>
<li><a href="page.php?page=construction"
class="menu1"><span>Tour</span></a></li>
<li><a href="page.php?page=domaine"
class="menu2"><span>Domaine</span></a></li>
<li><a href="page.php?page=action"
class="menu3"><span>Action</span></a></li>
<li><a href="page.php?page=armee"
class="menu4"><span>Armée</span></a></li>
<li><a href="page.php?page=monde"
class="menu5"><span>Monde</span></a></li>
<li><a href="page.php?page=magie"
class="menu6"><span>Magie</span></a></li>
<li><a href="page.php?page=divers"
class="menu7"><span>Divers</span></a></li>
<li><a href="page.php?page=relation"
class="menu8"><span>Relation</span></a></li>
<li><a href="page.php?page=personnage"
class="menu9"><span>Personnage</span></a></li>
</ul>
</div>

--------------------------------
et voici le css
--------------------------------
#menu { position:absolute; top:37px; left:0; }

#menu ul
{
position:relative;
list-style:none;
padding: 0px;
margin: 0px;
width:60px;
height:478px;
background: url(../images/menu.jpg) no-repeat;
}

#menu a
{
position:absolute;
display:block;
width:54px;
height:52px;
top:0;
left:0;
background: none;
}

#menu span { display:none; }

#menu .menu1 { top:3px }
#menu .menu1:hover { background:url("../images/construction.jpg")
no-repeat; }

#menu .menu2 { top:56px; }
#menu .menu2:hover { background:url("../images/domaine.jpg") no-repeat; }

#menu .menu3 { top:108px }
#menu .menu3:hover { background:url("../images/action.jpg") no-repeat; }

#menu .menu4 { top:160px; }
#menu .menu4:hover { background:url("../images/armee.jpg") no-repeat; }

#menu .menu5 { top:212px; }
#menu .menu5:hover { background:url("../images/monde.jpg") no-repeat; }

#menu .menu6 { top:264px; }
#menu .menu6:hover { background:url("../images/magie.jpg") no-repeat; }

#menu .menu7 { top:316px; }
#menu .menu7:hover { background:url("../images/divers.jpg") no-repeat; }

#menu .menu8 { top:368px; }
#menu .menu8:hover { background:url("../images/relation.jpg") no-repeat; }

#menu .menu9 { top:420px; }
#menu .menu9:hover { background:url("../images/personnage.jpg") no-repeat; }

2 réponses

Avatar
Arius Vistoon
@SM wrote:

essayer avec :
#menu a:link, #menu a:visited { }
au lieu de
#menu a { }


rien de probant

si pas d'images pour les boutons
essayer avec :

#menu .menu1:hover { background:url('../images/construction.jpg')
ou
#menu .menu1:hover { background:url(../images/construction.jpg)

/* attention !
il est probable que IE-Mac ne supporte pas " dans l'url
pas good IE-Mac ==> background:url("truc.jpg") */



même si cela ne change rien, j'ai quand même enlevé tous mes
guillemet comme ca IE-MAC sera content ( et moi ca me coute rien si ce
n'est quelques octet en moins..ihihihi )
Merci pour le tuyau

En lisant ici et la,
j'ai decide de mettre le "patch" IE7
rien n'y fait




Ben ... un peu surfaites les soi-disant possibilités de IE7 ...


oui, je suis de ton avis ( enfin jusqu'à preuve du contraire.
ceci dit, je n'ai pas assez de recul pour juger pleinement )


Impect sous netscape 7.1 mais rien sous IE

l'erreur constater est la suivante :
les liens du menu fonctionne qu'a partir de la
3ème image ( euh...pkoi pas a partir de la premier
ou aucune....mystere.en tout cas pour moi ! )




Perso,
Il n'y a pas qu'avec des css que j'ai des pbs de liens avec IE ... !



lol....moi aussi, une sorte d'allergie.. mais si je veux que mon jeu
soit accessible au plus grand nombre, je vais faire un effort
( pas trop longtemps car cela me derange pas du tout que les personnes
ayant IE ne joue pas... comme qui dirait , c'est un choix....et en plus
ca ses avantages ! )
Avatar
Arius Vistoon
Raphaël Wils wrote:

Si on pouvait voir la page en action se serait bien.



Voila, je vous founir le lien ou vous verrez en direct live mon pb

NB 1 : la premiere page ne sert qu'a rediriger vers le bon format d'ecran
donc elle est depouille de chez depouille...en gros ne pas la regarder
et cliquez direct sur "connection au jeu" ( les joies des developpement
en cours lol )

NB 2: je n'ai pas encore fini la maquette/protypage donc y'a deux lien
qui genere une erreur php, c'est le lien divers et le lien armée
ne pas cliquez dessus

voiliche
ah, le lien qd meme
http://www.symuon.com/birth/jeu/

Merci pour vos suggestions pour regler ce pb avec "super" IE