Bug : souligné se transforme en surligné ?

Résolu/Fermé
jeen_paris Messages postés 13 Date d'inscription jeudi 25 décembre 2008 Statut Membre Dernière intervention 28 août 2012 - 8 mai 2012 à 16:44
jeen_paris Messages postés 13 Date d'inscription jeudi 25 décembre 2008 Statut Membre Dernière intervention 28 août 2012 - 8 mai 2012 à 19:44
Bonjour,

J'ai un problème (bug ?) d'affichage sur la page d'accueil de mon site (
http://jeen.free.fr</code>) : 

dans Firefox v. 10.0.2, à certains endroits, le texte souligné se transforme en surligné.

Quelqu'un a une idée, ou a déjà entendu parler de ce pb ? Je ne le rencontre sur aucun autre navigateur.

Je précise que ma page est valide XHTML.

3 réponses

mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
8 mai 2012 à 18:07
Ce n'est pas un bug, c'est simplement que tu as fais des erreurs dans ta feuille de style css.

C'est un des pires casse-tête quand tu fais un site : faire en sorte qu'il s'affiche bien sur tout les navigateurs.

J'ai aussi remarquer que l'alignement des certaines parties de ta page d'accueil n'était pas le même d'un navigateur à l'autre.

Copie-colle ton code css ici pour que certains puissent t'aider à trouver les erreurs dedans.
0
jeen_paris Messages postés 13 Date d'inscription jeudi 25 décembre 2008 Statut Membre Dernière intervention 28 août 2012
8 mai 2012 à 18:25
Merci mimigenie de ta réponse !

Tout d'abord, je dois préciser que je ne suis pas un spécialiste...
Je n'ai pas de feuille de style indépendante, mais voici tout ce qui est entre les balises "style" (il y a beaucoup de choses...). Merci de votre aide :
<style type="text/css" media="all">
a:link {
text-decoration: none;
color: #000099;
}
#ensemble {
width: 900px;
margin-left: auto;
margin-right: auto;
font-family: Arial,Helvetica,sans-serif;
color: #000000;
line-height: 1.1em;
text-align: left;
height: auto;
}
#defilant {
margin: 5px;
line-height: 20px;
}
#menu {
width: 900px;
text-align: left;
}
#nav, #nav ul {
margin: 0 0 1em;
padding: 0;
background: #f4ebcc none repeat scroll 0% 50%;
float: left;
width: 900px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
line-height: 1.25em;
font-weight: bold;
}
#nav a {
padding: 4px 8px;
display: block;
width: 8em;
color: #483926;
text-decoration: none;
}
#nav a.daddy {
background: transparent url(flechem.gif) no-repeat scroll right center;
}
#nav li {
padding: 0;
float: left;
width: 8em;
}
#nav li ul {
margin: 0;
position: absolute;
left: -999em;
height: auto;
width: 12.8em;
font-weight: normal;
}
#nav li li {
padding-right: 1.5em;
width: 12.7em;
}
#nav li ul a {
width: 12.8em;
}
#nav li ul ul {
margin: -1.9em 0 0 12.8em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
border-right: 1px solid #e6cc80;
border-bottom: 1px solid #e6cc80;
left: auto;
}
#nav li:hover, #nav li.sfhover {
background: #e6cc80 none repeat scroll 0% 50%;
}
#grand_cadre {
clear: left;
}
#grande_gauche {
}
.titre_actus {
color: #2F7CFD;
font-family: Verdana;
font-size: 12pt;
font-weight: bold;
line-height: 25px;
background-color: #C7DCFE;
border-top: aucun #93BBFD;
border-right: 1px solid #93BBFD;
border-bottom: 1px solid #93BBFD;
border-left: none #93BBFD;
}
.Style14 {
font-size: 11px;
}
.Style29 {
color: #990000;
font-weight: bold;
font-size: 11pt;
}
#encart {
border-style: solid;
border-width: 1px;
position: relative;
float: right;
clear: right;
font-family: Tahoma;
font-size: 10px;
color: #cc6600;
}
.titre_tele {
font-family: Verdana;
font-size: 16pt;
color: #005B5B;
line-height: 2em;
font-weight: normal;
font-style: italic;
vertical-align: middle;
border: 4px solid #FF5353;
margin: 10px;
}
a:visited {
text-decoration: none;
color: #000099;
}
a img {
border: none;
}
* {
-moz-box-sizing: border-box;
font-size: 10pt;
vertical-align: top;
}
body {
margin: 0;
background-image: url(fond9.GIF);
background-position: center center;
text-align: center;
}
a:hover {
text-decoration: underline;
color: #cc6600;
}
a:active {
text-decoration: none;
color: #0000cc;
}
.Style39 {
color: #52450c;
font-weight: bold;
line-height: 1.2;
}
.Style41 {
color: #52450c;
}
.StyleNormal {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
padding-left: 10px;
}
.Style43 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 14pt;
line-height: 20pt;
}
.sstitre {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 15pt;
}
#promo {
border: 1px solid #990000;
padding: 5px;
margin: 0px;
}
#edito {
border: 1px solid #A3A3A3;
padding: 7px;
margin: 0px;
}
#rentree {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right: 1px solid #666666;
}
.Style50 {
color: #990000;
font-weight: bold;
font-size: 10pt;
line-height: 12pt;
}
.StyleNormal1 {font-size: 11pt;
font-family: Arial,Helvetica,sans-serif;
}
.Style51 {color: #000000}
.Style54 {
font-size: 14px;
line-height: 1.1;
}
.Style55 {
font-size: 15px;
font-weight: bold;
}
.Style64 {font-size: 14px}
.Style65 {color: #990000; font-weight: bold; font-size: 12pt; line-height: 17pt; font-family: Georgia, "Times New Roman", Times, serif; }
.Style66 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14pt; line-height: 20pt; }
.Style68 {color: #FFFFFF}
.Style69 {color: #FFFFFF; font-style: italic; }
</style>
0
jeen_paris Messages postés 13 Date d'inscription jeudi 25 décembre 2008 Statut Membre Dernière intervention 28 août 2012
8 mai 2012 à 18:27
...et bon courage, je comprends que mon code est un peu "brouillon"...
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
8 mai 2012 à 18:30
vois pas du tu la différence ....
tu as ceci dans ta css (que tu devrais externaliser d'ailleurs):
a:hover {
text-decoration: underline;
color: #cc6600;
}
a:active {
text-decoration: none;
color: #0000cc;
}

l'ordre normal des codes à mettre pour cela est:
" Link - Visited - Hover - Active "
il t'en manque donc 2 ...
essaies de les créer ;)
http://fr.selfhtml.org/css/proprietes/pseudoformats.htm
0
jeen_paris Messages postés 13 Date d'inscription jeudi 25 décembre 2008 Statut Membre Dernière intervention 28 août 2012
8 mai 2012 à 18:38
Merci bg62 et mimigenie !

Pigé ! Je comprends que les codes concernant les liens déconnent. Je vais respecter l'ordre et rajouter ceux qui manquent...

Quant à faire une feuille CSS externe, ça sera le chantier des prochaines grandes vacances !

En tout cas, bravo à vous qui passez du temps sur le forum, pour si y'a pas un naze à dépanner !
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
8 mai 2012 à 18:47
merci ;)
mais il n'y a pas si longtemps on était a ta place ....
si c'est bon, mets le post en résolu, merci
0
jeen_paris Messages postés 13 Date d'inscription jeudi 25 décembre 2008 Statut Membre Dernière intervention 28 août 2012
8 mai 2012 à 19:44
Ca y est, c'est résolu

Nicolas
0