Problème avec un code html sur le wiki
Mettre un popup de survol sur le wiki
Support des Modules
choub24 Membre non connecté
-
Booster Fronde
- Voir le profil du membre choub24
- Inscrit le : 18/11/2013
- Groupes :
Je souhaite afficher une image quand on survol un texte avec la souris.
J'ai donc insérer le code html avec du css.
Le code fonctionne mais je me retrouve avec des icônes de paramètres en double sur cette page.
Le code que j'ai inséré :
Code HTML :
[html] <head> <title></title> <meta charset="UTF-8"/> <style type="text/css"> ul { padding:0; margin:0; list-style: none; margin-left:500px; position:relative; } li { display:inline-block; } li img { position:absolute; left:-9999em; top:0; } li:hover img { left:-450px; } li a { display:block; padding:5px 20px } </style> </head> <body> <ul> <li> <a href="#">Lien1</a> <img src="/upload/abbot-of-keral-keep_full.jpg" /> </li><!-- --><li> <a href="#">Lien2</a> <img src="http://lorempixel.com/400/200/sports/2/" /> </li><!-- --><li> <a href="#">Lien</a> <img src="http://lorempixel.com/400/200/sports/3/" /> </li> </ul> </body> [/html]
Édité par choub24 Le 19/08/2016 à 23h51
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
alors si vous utilisez du code HTML vous ne devez jamais mettre ceci :
Code HTML :
<head> <title></title> <meta charset="UTF-8"/> <style type="text/css"> ul { padding:0; margin:0; list-style: none; margin-left:500px; position:relative; } li { display:inline-block; } li img { position:absolute; left:-9999em; top:0; } li:hover img { left:-450px; } li a { display:block; padding:5px 20px } </style> </head> <body>
Car cela fait une double déclaration, un double charset et normalement tout les navigateur vont perdre les pédale car c'est l'équivalent de dire qu'un hébergement web coute en même temps 4€ et 4$ (ce qui n'est pas du tout pareil).
Cordialement, janus57
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie