18079 sujets

Questions générales et questions de débutants

Afficher / Masquer des "calques" sans javascript (Gourou sel

Bonjour

J'ai essayer ce tutoriel mais je crois que j'ai trouver une petit bug:

Essayer le c'est bizare avec IE 5 ..
Quand je prend la ligne 

<a href="http://css.alsacreations.com/Tutoriels-et-articles-divers/Afficher-Masquer-des-calques-sans-javascript">afficher le calque (cliquer pour les explications)<span>texte et images peuvent être placés ici</span></a>

et que je la met dans une liste les affichés masqués ne fonctionne plus sous IE 5

Est-ce quelqu'un pourrait me dire le pourquoi!? ou as-til un trucs que Raphael nous à pas dit? Smiley eek

A plus!




<html>
<head>
<title>Afficher Masquer des calques sans javascript</title>

<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
a {
text-decoration: none;
}
a:hover {
background: none;
}
a span {
display: none;
}
a:hover span {
display: inline;
position: absolute;
top: 200px;
left: 100px;
width: 200px;
height: 100px;
background: green;
text-align: center;
color: white;
}


a#navigation:hover span{
display: inline;
position: absolute;
top: 200px;
left: 100px;
width: 200px;
height: 100px;
background: green;
text-align: center;
color: white;
}

ul li{
   display: block;
   float: left;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
li{
background:  black;
}
ul li a{
display: block;
height: 20px;
width: 80px;
color: white;
}
-->
</style>
</head>

<body>
<ul>
   <li><a href="#" id="accueil">accueil</a></li>
   <li><a href="#" id="navigation">Navigation<span><img src="images/index/naviguer-over-liens.gif" /></span></a></li>
</ul>

<a href="http://css.alsacreations.com/Tutoriels-et-articles-divers/Afficher-Masquer-des-calques-sans-javascript">afficher le calque (cliquer pour les explications)<span>texte et images peuvent être placés ici</span></a>

</body>
</html>
[
Salut,

Pour que ça marche avec IE5, il faut supprimer la hauteur et la largeur qui se trouve actuellement sur "ul li a". POur le même rendu, ces dimensions peuvent être attribuées à "li".

Sinon je ne sais pas pourquoi ça bug Smiley smile
Sujet clos
Aller à