Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Problème d'affichage sur mon menu entre IE8 et les versions 6 et 7  (Lu 4626 fois)

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail

Bonjour tout le monde,

J'ai un soucis d'affichage sur mon menu que je n'arrive pas à régler, sur IE8 ainsi que sur la plupart des navigateur par de problème, le menu s'affiche correctement.

Sur IE 6 et 7 le menu se décale vers le bas, voici le code de mon menu :

HTML
<ul id="menu">
            <li><a href="javascript:void(0)">L'ASSOCIATION</a></li>
            <li><a href="javascript:void(0)">LES ACTIVITÉS</a></li>
            <li><a href="javascript:void(0)">L'ACTUALITÉS</a></li>
          <li><a href="javascript:void(0)">LES PARTENAIRES</a></li>
          </ul>

CSS
#menu {
background: url(../images/graphiques/menu.png) no-repeat;
list-style:none;
width: 955px;
height:40px;
margin-top:-1px;
font-weight:bold;
}

#menu li a {
color: #ffffff;
float: left;
width:209px;
line-height:33px;
text-align:center;
text-decoration: none;
margin-left:22px;
}

#menu a:hover {
background:url("../images/graphiques/hover.png") bottom center no-repeat;
color: #ffffff;
}

J'espère que vous pourrez m'aider.

Cordialement,

Adel
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage sur mon menu entre IE8 et les versions 6 et 7
« Réponse #1 le: février 27, 2010, 16:44:12 pm »

Salut, le soucis est que IE7 et précédents utilisent des margin et padding propres à leur affichage et qui n'est malheureusement pas standard.
Une solution est de réinitialiser ces informations via une feuille de style prévue à cet effet.
jettes un œil à cet article qui en parle.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
Re : Problème d'affichage sur mon menu entre IE8 et les versions 6 et 7
« Réponse #2 le: février 27, 2010, 16:59:36 pm »

RE Edfred et merci pour ta réponse, justement j'utilise une feuille de réinitialisation que voici :

CSS de réinitialisation :
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, hr,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

Cordialement,

Adel
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage sur mon menu entre IE8 et les versions 6 et 7
« Réponse #3 le: février 27, 2010, 19:29:50 pm »

Et oui, le reste des défauts d'affichage sont à gérer avec des feuilles de styles pour ces versions merdiques de IE.

Je n'ai même pas prêté attention à ces versions pour scriptopedia.org mais j'imagine que les intéressés à ce site seront à jour avec leurs logiciels et ne devraient pas éprouver de problèmes.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
Re : Problème d'affichage sur mon menu entre IE8 et les versions 6 et 7
« Réponse #4 le: février 27, 2010, 19:31:23 pm »

Serait-il possible de régler le soucis avec un commentaire conditionnel ?
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage sur mon menu entre IE8 et les versions 6 et 7
« Réponse #5 le: février 27, 2010, 20:35:49 pm »

possible en indiquant dans ce commentire la CSS en direct dans le html
Sinon, le plus simple est de créer une feuille de style pour les navigateurs incriminés au cas où tu aurais d'autres soucis du même genre.
Ensuite, déclarer cette CSS dans ton fichier HTML.

À savoir que IE6 et IE7 ont entre eux un affichage inégal.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum