Bonjour à tous,
J'ai un problème asse gênant, qui je crois, vient du style.css de mon site.
J'ai demandé à plusieurs personne, aucune de savent ..
C'est pourquoi je vous demande de l'aide ici, en espérant avoir une réponse et une solution
Le problème c'est que mon site ne s'affiche pas DU TOUT de la même façon (au niveau de la police) sous Firefox (c'est niquel) que sous IE 6, 7 (C'est moisit).
Sous IE (6, 7) :
Sous Firefox :
Voici mon style.css, si jamais ça peut aider ...
<!-- BODY #punwrap { margin:auto; width: 95%; padding:0px; BACKGROUND-COLOR: #FFFFFF; BORDER: 0px; background-image: url(forum/img/chateurope/space.png); } body { background-image: url(http://www.chat-europe.com/images/fond.png); background-repeat: repeat-x; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .style3 { color: #ffad09; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .formulaire { color: #000000; border: 2px solid #1aa4d3; background-color: #FFFFFF; font-size:12px; font-family:Arial; vertical-align:middle; } .middle { border: 2px solid #1aa4d3; background-color: #FFFFFF; font-size:12px; font-family:Arial; vertical-align:middle; } .cadrecentre { color: #000000; border: 2px solid #1aa4d3; background-color: #FFFFFF; font-size:12px; font-family:Arial; vertical-align:middle; } .style4 {color: #7f7f7f} .style5 {font-family: Arial, Helvetica, sans-serif} .style19 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> Style pour les liens en général a:link { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } a:visited { text-decoration: none; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } a:hover { text-decoration: overline underline; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } a:active { text-decoration: none; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } --> Style pour les autres liens il faus juste rajouter class="type1" dans la balise <a> du lien a.type1 { } a.type1:link { text-decoration: none; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.type1:visited { text-decoration: none; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.type1:hover { text-decoration: overline underline; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.type1:active { text-decoration: none; color: #ffad09; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> .Style21 {color: #FFFFFF} .style22 {font-size: 14px} --> Style pour les liens noirs a.typen { } a.typen:link { text-decoration: none; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.typen:visited { text-decoration: none; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.typen:hover { text-decoration: overline underline; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.typen:active { text-decoration: none; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.dons { } a.dons:link { text-decoration: none; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.dons:visited { text-decoration: none; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.dons:hover { text-decoration: overline underline; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.dons:active { text-decoration: none; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> -->
Par la même occasion, je souhaiterai savoir comment corriger le bug suivant :
Espace juste en dessous du header, entre le bas du header et le début de "dédicace".
Je vous remercie vivement de votre aide.
Cordialement,
SheitaN