CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| foliuca
{ Membre }
Messages : 42
| Bonjour ... Je fais une maintenance de mon forum pour le rénover, mais une partie de mon CSS ne marche pas ... Il y a des choses qui me sont inutiles mais je n'arrive pas à savoir lequels .. Et il y a des choses qui ne s'affiche pas! Alors que j'ai promis aux membres d'ouvrir le forum demain. Donc le problème c'est que: Une partie de mon CSS ne s'affiche pas, notamment celle du bas avec /*BLABLA*/ Voici mon CSS - Code:
-
.textarea.post, input.post { -moz-border-radius:4px; }
a { font-variant: small-caps; }
body { background-repeat: no-repeat; } a { text-decoration: none; }
.bodyline { -moz-border-radius:6px; }
.groupes{ background-color:#A3A1A1;border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #444A6C; }
.postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; } a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */ left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 3px;
/* bordures de votre infobulle*/ border: 1px dotted black; border-left: 1px dotted black; }
.blur{ background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; }
.shadow, .content{ position: relative; bottom: 2px; right: 2px; }
.shadow{ background-color: #666; /*shadow color*/ color: inherit; }
.content{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid #000; /*border color*/ padding: .5em 2ex; }
.content{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid #000; /*border color }
table#qeel-st td.row2 td.row1 { background-color:transparent; }
.groupe:before { content:" ♣ " }
/*Lien en hover*/ a:hover.forumlink {text-transform:capitalize; font-family: georgia; letter-spacing: 1px; font-weight: lighter;text-align:center; display:block; background-image:url(http://moe.mabul.org/up/moe/2010/07/26/img-2105050694s.png); color:#163C3D;} a:hover {letter-spacing: 1px; font-weight: lighter; text-decoration: none !important; color:#163C3D;} a.topictitle:hover {letter-spacing: 1px; text-decoration: none !important; font-weight: lighter !important;}
/*Lien normal*/ a.forumlink {text-transform:capitalize; font-family: georgia; letter-spacing: 1px; font-weight: lighter; text-decoration: none !important; border-bottom-style:solid; border-bottom-width:3px; font-size:15px; text-align:center; display:block; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;} a {letter-spacing: 1px; text-decoration: none !important; font-weight: lighter !important;}
/*Bords du forum*/ .forumline {border:1px dotted #d09c9c; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px;} .forumline{background-color: #transp; border: 1px #ffffff dotted; -moz-border-radius:5px}
/*Codes.Citations.Spoilers*/ .code{-moz-border-radius:5px; font-size:11px; margin-left:3px;} .quote{-moz-border-radius:5px; font-size:11px; margin-left:3px;} .spoiler_closed{-moz-border-radius:5px; font-size:11px; margin-left:3px;} .spoiler_content{-moz-border-radius:5px; font-size:11px; margin-left:3px;} Merci à ceux qui vont m'aider <3 | | |
| | | Edelweiss
{ Membre }
Messages : 105
| Coucou,
Déjà tu as plusieurs codes que tu peux supprimer pour n'en faire plus qu'un. Pour les liens "normaux" par exemple. Supprime - Code:
-
a {letter-spacing: 1px; text-decoration: none !important; font-weight: lighter !important;} - Code:
-
a { text-decoration: none; } - Code:
-
a {font-variant: small-caps;} et mets à la place - Code:
-
a {text-decoration:none; font-variant:small-caps; letter-spacing:1px; font-weight: lighter;} Ensuite ici : - Code:
-
.content{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid #000; /*border color }
Il y a un problème, tu as oublié de fermer le /*border color*/ !!
On continue : - Code:
-
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #444A6C; }
.postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; } Tu as deux codes pour la même chose ! Remplace ces deux codes par : - Code:
-
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #444A6C;
margin: auto; display: block; margin-bottom: -10px; } Puis - Code:
-
padding: .5em 2ex; Tu as mis deux valeurs et il y a un point devant la première. De plus, je te conseille de mettre en px, plus facile pour tout le monde ^^.
Là pareil - Code:
-
.forumline {border:1px dotted #d09c9c; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px;} .forumline{background-color: #transp; border: 1px #ffffff dotted; -moz-border-radius:5px} Pourquoi deux codes pour une même chose ?? Remplace le par - Code:
-
.forumline {border:1px dotted #d09c9c; -moz-border-radius:15px weblit-border-radius:15px; border-radius:15px;} Encore : - Code:
-
a:hover.forumlink Ce n'est pas correcte, remplace par - Code:
-
a.forumlink:hover Et là - Code:
-
.shadow, .content{ position: relative; bottom: 2px; right: 2px; }
.shadow{ background-color: #666; /*shadow color*/ color: inherit; }
.content{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid #000; /*border color*/ padding: .5em 2ex; }
.content{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid #000; /*border color } Combien as tu de codes pour la même chose ?? Là je te laisse remplacer car tu as un truc avec shadow et content en même temps c'est ce que tu veux faire la même chose mais ensuite tu as content tout seul alors je ne sais pas ce que tu veux faire.
En corrigeant tout cela ta feuille va bien rétrécir ^^. Quand tu auras fini montre moi ta nouvelle feuille CSS ! | | |
| | | foliuca
{ Membre }
Messages : 42
|
Merci Beaucoup !! Le problème est régler, mais je vais quand même suivre ton conseil parce que ma feuille CSS est bien grande ^^
| | |
| | | Edelweiss
{ Membre }
Messages : 105
| | | | Luna Arcana
{ Membre }
Messages : 194
| | | | Kaiji
Blanche-Neige
Messages : 5578
| Ce n'est pas en rapport avec ton problème... Mais Personnellement je te conseillerais de faire un retour à la ligne après chaque code... C'est difficile de trouver le problème avec 4 lignes de codes à la suite, alors qu'il pourrait sauter aux yeux avec des codes les uns en-dessous des autres Penses-y ! | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bonjour,
Comme le problème semble résolu, je classe. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|