CSS: problème sous IE7
david29051992
Messages postés
217
Date d'inscription
Statut
Membre
Dernière intervention
-
smed_79 Messages postés 1291 Date d'inscription Statut Contributeur Dernière intervention -
smed_79 Messages postés 1291 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je suis en train de créer un site, et lors de la création de mon menu, j'ai remarqué que ce-dernier ne fonctionnait pas correctement sous IE7.
Bien entendu, il a été testé avec succes sous; Opera, Firefox, Google Chrome, et attention IE6(c'est dingue ^^).
Alors ci-joint de fournit les screen d'écran:
sous Firefox;
http://img168.imageshack.us/img168/1701/ffimgyv2.jpg
sous IE 7;
http://img187.imageshack.us/img187/4489/ieimgkg7.jpg
Et pour finir les codes XHTML/CSS:
XHTML;
<div class="positionliens">
<a href="index.php">Accueil</a>
| <a href="tutoriauxweboffice.php">Tutoriaux Web-Texte</a>
| <a href="tutoriauxdunet.php">Tutoriaux du net</a>
| <a href="fluxbb/index.php">Forum</a>
| <a href="livreor.php">Livre d'or</a>
| <a href="nousaider.php">Nous aider</a>
| <a href="partenariat.php">Partenariat</a>
| <a href="contact.php">Contact</a>
</div>
CSS;
.zoneliens a{
color: #ffffff;
font-size: 16px;
font-family: Arial, "Trebuchet MS";
text-decoration: none;
padding-left: 8px;
padding-right: 8px;
}
.zoneliens a:hover{
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 10px; Apparement, c'est ici que ça coince pour IE7, qui ne prend pas en compte padding-bottom
padding-left: 7px;
padding-right: 7px;
color: #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid;
}
Je vous remercie de votre aide.
Cordialement david29051992.
Je suis en train de créer un site, et lors de la création de mon menu, j'ai remarqué que ce-dernier ne fonctionnait pas correctement sous IE7.
Bien entendu, il a été testé avec succes sous; Opera, Firefox, Google Chrome, et attention IE6(c'est dingue ^^).
Alors ci-joint de fournit les screen d'écran:
sous Firefox;
http://img168.imageshack.us/img168/1701/ffimgyv2.jpg
sous IE 7;
http://img187.imageshack.us/img187/4489/ieimgkg7.jpg
Et pour finir les codes XHTML/CSS:
XHTML;
<div class="positionliens">
<a href="index.php">Accueil</a>
| <a href="tutoriauxweboffice.php">Tutoriaux Web-Texte</a>
| <a href="tutoriauxdunet.php">Tutoriaux du net</a>
| <a href="fluxbb/index.php">Forum</a>
| <a href="livreor.php">Livre d'or</a>
| <a href="nousaider.php">Nous aider</a>
| <a href="partenariat.php">Partenariat</a>
| <a href="contact.php">Contact</a>
</div>
CSS;
.zoneliens a{
color: #ffffff;
font-size: 16px;
font-family: Arial, "Trebuchet MS";
text-decoration: none;
padding-left: 8px;
padding-right: 8px;
}
.zoneliens a:hover{
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 10px; Apparement, c'est ici que ça coince pour IE7, qui ne prend pas en compte padding-bottom
padding-left: 7px;
padding-right: 7px;
color: #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid;
}
Je vous remercie de votre aide.
Cordialement david29051992.
A voir également:
- CSS: problème sous IE7
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
3 réponses
Internet Explorer comprend que dalle !! :D
Fais ton choix : https://creativevip.net (ddl)
http://www.libellules.ch/dotclear/index.php?post/2008/04/28/2565-css-menu-generator (soft)
http://cssmenumaker.com/ (site)
Fais ton choix : https://creativevip.net (ddl)
http://www.libellules.ch/dotclear/index.php?post/2008/04/28/2565-css-menu-generator (soft)
http://cssmenumaker.com/ (site)