J'ai un problème avec mon css

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu J'ai un problème avec mon css

Message par MelissaD le Lun 30 Mai 2011 - 15:24

Bonjour,

Voilà, j'ai un petit problème, j'ai copié le CSS d'un thème HitSkin pour mettre sur mon futur forum (là il est sur mon forum de test) et les contours des catégories ont disparus... Pourriez-vous m'aider svp ? J'ai effacé plusieurs codes et aucuns ne résous le problème (je les ai remis après vu qu'ils ne changeaient rien).

Voici mon CSS :

Spoiler:
Code:
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:60px;}


a { text-decoration: none; }

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EBEAF1;
border-bottom: 5px double #26244F;
color:F1E4DD;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}



----------------------------------------
.quote {
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #71ADBD;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}


.spoiler_closed{
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #71ADBD;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}

.spoiler_content{
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #7588ab;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}



.code{
background-color: #7588ab; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #7588ab;
-moz-box-shadow:5px 0px 5px #7588ab;
-webkit-box-shadow:5px 0px 5px #7588ab;
color: #ffffff; /* couleur du texte blanche */
}

.message {

background-color:#7588ab;
min-height: 230px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana;
text-align: center;
color: #7f9276;}


.chatling {
width:150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
background-color: #7588ab;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
font-family:  Georgia;
font-size:15px;
text-align: center;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:20px 0px 0px 20px;
 
}


.chatling:hover {
width:150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
font-family:  Georgia;
text-align: center;
background-color: #7588ab;
border-right: 5px solid #adc9c6;
border-left: 5px solid #adc9c6;
border-bottom: 2px solid #adc9c6;
border-top: 2px solid #adc9c6;
font-family:  Georgia;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius:20px 0px 0px 20px;

}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}

a.imginfo:hover span {
  display: inline; /* on 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: XXpx; /* on positionne notre infobulle */
  left: XXpx;
  background: #59A1A8;
  color: #FFFFFF;
  padding: 5px;
  border: 5px solid #FFFFFF;
  border-left: 14px solid FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-top: 14px solid #FFFFFF;
  border-bottom: 0px solid #FFFFFF;
}

a.infobulle em {
display:none;
}

a.infobulle:hover {
border: 0;
position: relative;
z-index: 999;
text-decoration:none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */}

a.infobulle:hover em {
font-style: normal;
display: inline;
position: absolute;
top: XXpx;
left: XXpx;
background-color: #CODE COULEUR;
color: #CODE COULEUR;
padding: XXpx;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
border: Xpx solid #FFFFFF;
width:CCpx;}









input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Trebuchet MS, impact, serif;
letter-spacing: 3px;
font-size: 15px;
font-weight:bold;
background-color: #7588ab;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
text-align: center;
padding:3px;
}

.sous-titre {
font-family: Trebuchet MS, impact, serif;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#ff879b;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}

**************


.thumbnail span{
position: absolute;
background-color: #7588ab;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #ffffff;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #FFFFFF; /*ou alors si tu veux une image :*/
border: double 3px COULEUR; /*on définit le style de la bordure sa largeur et sa couleur*/
}.




---------------------------

/* TITRES DES CATÉGORIES */

.liro {
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#81D19C;
text-align: left;
margin:5 0 5px;
padding:3px 10px;

}



a.forumlink {
font-family: serif;
background-color:#768197;
text-align: center;
font-size: 100%;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
display: block;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;

}

a.forumlink:hover {
font-family: serif;
background-color:#768197;
text-align: center;
font-size: 100%;
border-bottom: 3px double #FFFFFF;
color: #59A1A8;
padding:-1
display: block;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
}



.tstaff{font-size:1em;}




.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#7588ab;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
text-align: center;
padding:3px;
}

.sous{
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#FFFFFF;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}


---------------------------



a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}



.forumline{
background-color:#FFFFFF;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 4px #FFFFFF double;
border-top: 4px #FFFFFF double;
border-right: 4px #FFFFFF double;
border-left: 4px #FFFFFF double;}

input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
}



--

.mes-credits
{
    font-weight:normal;
    font-variant:small-caps;
    color:#000000;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}
 

a.mainmenu{
        text-decoration: none;
background-color: #CCD0D4;
border-right: 5px solid #605C9C;
border-left: 5px solid #605C9C;
border-bottom: 2px solid #605C9C;
border-top: 2px solid #605C9C;
font-family:  Georgia;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:20px 0px 0px 20px;
        padding-right: 10px;
}

a.mainmenu:hover {
        text-decoration: none;
background-color: #CCD0D4;
border-right: 5px solid #605C9C;
border-left: 5px solid #605C9C;
border-bottom: 2px solid #605C9C;
border-top: 2px solid #605C9C;
font-family:  Georgia;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius:20px 0px 0px 20px;
        padding-right: 10px;
        text-transform: lowercase;
}

Merci d'avance,
Bonne journée ^^


Dernière édition par MelissaD le Mar 31 Mai 2011 - 11:24, édité 1 fois

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: J'ai un problème avec mon css

Message par Scipion le Lun 30 Mai 2011 - 15:52

Bonjour

Dans votre code CSS plusieurs anomalies devraient être neutralisées comme suit :

1/ CODE COULEUR : mettez un code couleur hexadécimal, exemple (#FFFFFF)
2/ XXpx : remplacez (XX) par des valeurs.

Les codes concernés :

Code:
a.imginfo:hover span {
  display: inline; /* on 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: XXpx; /* on positionne notre infobulle */
  left: XXpx;
  background: #59A1A8;
  color: #FFFFFF;
  padding: 5px;
  border: 5px solid #FFFFFF;
  border-left: 14px solid FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-top: 14px solid #FFFFFF;
  border-bottom: 0px solid #FFFFFF;
}

a.infobulle:hover em {
font-style: normal;
display: inline;
position: absolute;
top: XXpx;
left: XXpx;
background-color: #CODE COULEUR;
color: #CODE COULEUR;
padding: XXpx;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
border: Xpx solid #FFFFFF;
width:CCpx;

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #FFFFFF; /*ou alors si tu veux une image :*/
border: double 3px COULEUR; /*on définit le style de la bordure sa largeur et sa couleur*/
}
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: J'ai un problème avec mon css

Message par Moka7 le Lun 30 Mai 2011 - 23:25

Bonsoir ^^

Hmm je me trompe peut-être mais comme je n'ai pas l'adresse de votre forum ça n'est qu'une supposition de ma part.

Mais dans votre CSS je vois ceci :

Code:
.forumline{
background-color:#FFFFFF;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 4px #FFFFFF double;
border-top: 4px #FFFFFF double;
border-right: 4px #FFFFFF double;
border-left: 4px #FFFFFF double;}

Tout les bords sont donc blanc, si le fond est blanc ils sont toujours là mais invisible, ils suffit donc d'en changer la couleur ^^ (les #FFFFFF)

Moka7
***

Féminin
Messages : 117
Inscrit(e) le : 18/11/2010

http://gakuen-alice-rp.kikooforum.com/
Moka7 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: J'ai un problème avec mon css

Message par MelissaD le Mar 31 Mai 2011 - 11:24

Coucou,

Merci de vos réponses Smile
Moka7, merci, tu avais raison, j'ai donc modifié le code CSS que tu m'as dit et maintenant les bords ont changé de couleur Smile Merci beaucoup ^^

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum