Bug : souligné se transforme en surligné ?
Résolu
jeen_paris
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
jeen_paris Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
jeen_paris Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Bug : souligné se transforme en surligné ?
- Bug chromecast - Guide
- Iptv bug forum ✓ - Forum Box et Streaming vidéo
- Bug localisation snap ✓ - Forum Snapchat
- Savoir qui regarde notre localisation ? - Forum Snapchat
- Bug snap message invisible - Forum Snapchat
3 réponses
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.
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.
vois pas du tu la différence ....
tu as ceci dans ta css (que tu devrais externaliser d'ailleurs):
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
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
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 !
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 !
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>