Problème CSS Bouton_activeProblème CSS Bouton_hoverProblème CSS Fb-hoverProblème CSS Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème CSS EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème CSS EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème CSS EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème CSS EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème CSS EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème CSS EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème CSS EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème CSS EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Boutique Nike : -25% dès 50€ sur TOUT le ...
Voir le deal

Partagez
 

Problème CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://nayak-therapy.forumactif.org/
foliuca
foliuca
{ Membre }
{ Membre }

Féminin Messages : 42



Problème CSS Empty


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
MessageSujet: Problème CSS   Problème CSS EmptyMar 27 Juil 2010, 11:15
Revenir en haut Aller en bas
http://mondanimal.forumactif.biz/forum.htm
Edelweiss
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Problème CSS Empty
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 !
MessageSujet: Re: Problème CSS   Problème CSS EmptyMer 28 Juil 2010, 07:04
Revenir en haut Aller en bas
http://nayak-therapy.forumactif.org/
foliuca
foliuca
{ Membre }
{ Membre }

Féminin Messages : 42



Problème CSS Empty


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 ^^
MessageSujet: Re: Problème CSS   Problème CSS EmptyJeu 29 Juil 2010, 06:27
Revenir en haut Aller en bas
http://mondanimal.forumactif.biz/forum.htm
Edelweiss
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Problème CSS Empty
De rien (:
MessageSujet: Re: Problème CSS   Problème CSS EmptyJeu 29 Juil 2010, 07:32
Revenir en haut Aller en bas
Luna Arcana
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Problème CSS Empty
Je peux archiver ?
MessageSujet: Re: Problème CSS   Problème CSS EmptyJeu 29 Juil 2010, 08:48
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Problème CSS Empty
    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 Wink Penses-y !
MessageSujet: Re: Problème CSS   Problème CSS EmptyVen 30 Juil 2010, 05:06
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Problème CSS Empty
Bonjour,

Comme le problème semble résolu, je classe.
MessageSujet: Re: Problème CSS   Problème CSS EmptyMar 03 Aoû 2010, 18:12
Revenir en haut Aller en bas
Contenu sponsorisé




Problème CSS Empty
MessageSujet: Re: Problème CSS   Problème CSS Empty
Revenir en haut Aller en bas
 

Problème CSS

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» problème couleur texte + un autre problème de ... "thème".
» petit probleme avec mon QEEl :S [Probleme CLOS]
» Problème de code ou problème venant de moi ^^
» Problème d'affichage [PROBLÈME RÉSOLU]
» Problème de PA

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet