Balise gênante dans le CSS. Bouton_activeBalise gênante dans le CSS. Bouton_hoverBalise gênante dans le CSS. Fb-hoverBalise gênante dans le CSS. Fb-active
AccueilForumÉquipe 
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
Balise gênante dans le CSS. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Balise gênante dans le CSS. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Balise gênante dans le CSS. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Balise gênante dans le CSS. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Balise gênante dans le CSS. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Balise gênante dans le CSS. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Balise gênante dans le CSS. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Balise gênante dans le CSS. EmptySam 11 Fév 2023, 06:04 par Krager


CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Balise gênante dans le CSS.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



Balise gênante dans le CSS. Empty
Bonjour,

Je viens demander votre aide car actuellement, mon CSS m'informe d'une balise en trop. Parfois j'arrive à les détecter mais là rien à faire, quoi que je fasse, ça marche pas. Et ça bloque l'affichage de certaines choses. J'espérai donc avoir votre aide ... Merci d'avance.

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

 a { text-decoration: none;
 
}

/*OPACITE IMAGE*/
.opacity img {
filter:alpha(opacity=50);           
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}

/*fin opacité*/


  /*CODE PA*/
 
  .titre2 {
  text-transform: lowercase;
  letter-spacing: -2px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #2B1515;
 }

.arthur {
  height: 140px;
  border: 3px solid #391717; /* couleur des bords */
  }
 
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #391717; /* couleur du fond */
}



/*POLICE*/
quote, .code, .spoiler {
    -moz-border-radius: 11px;}

    a:hover {cursor:se-resize;}
    a {font-variant: small-caps;}

    tr.post span.gensmall { display: none; }


        .postprofile dd, .postprofile dt {text-align: center;}

    body{
      cursor:crosshair;
    }

    a
    {
    text-decoration: none;
  }
 

    .quote { -moz-border-radius: 10px;}
    .code { -moz-border-radius: 10px;}


    a {
    text-transform: lowercase ;
    letter-spacing: 2px;}
  }

 
 




/* CITATIONS SPOILERS ET CODES */
.quote
{font-family: Arial;
font-size: 12px;
color: #bfb399;
line-height: 100%;
background-color: #391717;
border-style: solid;
border: 1px solid #391717;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

}
.spoiler
{font-size: 12px;
line-height: 100%;
background-image: url(http://i48.servimg.com/u/f48/15/38/55/76/2hdxjf10.png);
border: 1px solid #391717;
border-left-width: 2px;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

.code {
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #bfb399;
background-color:#391717;
border: 0px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;}

.postdetails.poster-profile a img {

 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px solid #1A0A0A;
}

}
td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}



a.nav img
{
width: 200px;
}


/* TITRES DES FORUMS */

a.forumlink {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #ABA198;
color: #ABA198;}

a.forumlink:hover {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bold;
font-family: times new roman;
text-shadow: 0px 0px 1px #bfb399;
color: #bfb399;}

/* PERSONNALISATION DES TITRES DES FORUMS */

a.forumlink:before {
content:" ☼ ";
font-size:20px;}
}
a.forumlink:hover:before {
content:" ☼ ";
  font-size:20px;}

}

/*INFOBULLES*/

a.info{
position:relative;
z-index:24;
color:#bfb399;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#391717
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #391717;
background-color:#391717;
color:#bfb399;
text-align: justify;
font-weight:none;
padding:5px;
 
  }
 
 
  /*FICHE PV ET SCENARIO*/
 
    .fichenu {
    -moz-border-radius : 70px 0px 0px 70px;
  -webkit-border-radius : 0px 70px 0px 70px;
  border-radius : 70px 0px 70px 0px ;
    padding: 10px;
    width: 90%;
    background-color: #2B1515;
    border: 2px solid #2B1515;
    box-shadow: 2px 2px 4px black;
 }

  .titrenu {
    background: #391717;
    box-shadow: 2px 2px 4px black;
    opacity: 0.7;
    text-shadow: 1px 1px 2px #000000;
    width: 320px ; height: 20px;
    -moz-border-radius : 70px 0px 0px 70px;
  -webkit-border-radius : 0px 70px 0px 70px;
  border-radius : 70px 0px 70px 0px ;
    padding: 9px;
    font-size: 20px;text-transform: uppercase;
  }
  .boxnu {
    margin: auto; padding: 10px;
    -moz-border-radius : 70px 0px 0px 70px;
  -webkit-border-radius : 0px 70px 0px 70px;
  border-radius : 70px 0px 70px 0px ;
    background: #391717;
    border: 2px solid #391717;
    text-align: justify;
    opacity: 0.7;
    width: 70%;
  }

     

/*Qui est en ligne */

/*QEEL*/

.qui_est_là {
 
  box-shadow: 2px 2px 4px black;
  overflow : auto;
  height: 120px;
  background-color: #2B1515;
  font-size: 10px;
  font-style : blod;
 
}
.qui_était_là {
  box-shadow: 2px 2px 4px black;
    overflow : auto;
  height: 120px;
  background-color: #2B1515;
  font-size: 12px;
  font-style : blod;
}

.coupes {
  box-shadow: 2px 2px 4px black;
    overflow : auto;
  height: 80px;
  background-color: #2B1515;
  font-size: 10px;
  font-style : blod;

}

.portoloins {
  box-shadow: 2px 2px 4px black;
    overflow : auto;
  height: 80px;
  background-color: #2B1515;
  font-size: 12px;
  font-style : blod;
  color: #fff;
}

.lien {
    overflow : auto;
  height: 50px;
  font-size: 12px;
  font-style : blod;
  color: #9AA0A0;
  text-align: center;
}


.titre1 {
 
font-family: Arial;
text-align: center;
color: #9AA0A0;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 12px;
}
.table_1 td.row1{
background-image: none !important;
background-color: transparent !important;
border: none !important;

}
/*fin que QEEL*/





.onglet{
        color:  #B08787;                    /* couleur texte */
        font-family: Georgia, Verdana, Arial, serif;            /* police écriture */
        background-color: #391717;      /* couleur fond onglet */
        display:inline-block;
        margin-right:4px;        /* marge entre les onglets */      8. margin-bottom:-20px;      /* marge entre onglet et catégorie */
      padding:5px;        /* marge entre le texte et les bords de l'onglet */
      border:1px solid #1F0C0C;      /* bordure onglet */
      cursor:pointer;
      -moz-border-radius: 7px 7px 7px 7px;    /* arrondi les angles */
      -webkit-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      }
     
      .actif { /*Onglet survolé*/
      color: #B08787;
      background-color : #1F0C0C;
      background: url(http://i41.servimg.com/u/f41/17/41/18/71/fontca10.png) no-repeat;
      margin-right:8px;
      padding:5px;
      border:2px solid #1F0C0C;    24. cursor: pointer;    25. -moz-border-radius: 7px 7px 7px 7px;
      -webkit-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      }


/*sujetetmessages*/

sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets", on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre, on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #391717;
background-color: #391717;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD, on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre, on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #391717;
background-color: #391717;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}





/*CETEGORIES*/



.messages_sujets_derniers_sujets {
margin-left: VALEURpx; /*espace entre le bord gauche et la bordure*/
padding-top: VALEURpx; /*espace entre le texte et la bordure du haut*/
padding-left: VALEURpx; /*espace entre le texte et la bordure gauche*/
padding-bottom: VALEURpx; /*espace entre le texte et la bordure du bas*/
padding-right: VALEURpx; /*espace entre le texte et la bordure droite*/
border-top: VALEURpx solid #COULEUR;
border-left: VALEURpx solid #COULEUR;
border-bottom: VALEURpx solid #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomleft: VALEURpx;/*arrondir l'angle gauche du bas*/
}

/*affichage derniers messages*/
.derniers_sujets {
padding: VALEURpx; /*espace entre le texte et la bordure*/
margin: VALEURpx; /*espace entre le bord et la bordure*/
border: VALEURpx dashed #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/
text-align: center;
}

/*PROFIL*/
#post_onlin{
  background: url('http://nsa22.casimages.com/img/2012/02/25/120225075428873880.png') no-repeat;
  position: absolute;
  float: left;
  width: 19px;
  height: 115px;
  margin-left: -20px;
  margin-top: 120px;
  padding: 0;
  border: 0;
}

.postdetails.poster-profile a img {
  border: 3px solid #e29c6e;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  box-shadow: 3px 3px 5px black;
  -moz-box-shadow: 3px 3px 5px black;
  -webkit-box-shadow: 3px 3px 5px black;
}

.postdetails.poster-profile a img:hover {
  -moz-transform:rotate(-5deg);
  -webkit-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.infosprofil {
  border-top: 2px dotted #e29c6e;
  padding-top: 5px;
  text-align: justify;
}

.cadreprofil {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #391717;
  padding: 5px;
  background-color: #391717;
  text-align: justify;
}


/* *********************************************************
  Personnalisation des descriptions de catégories
  Tutoriel par CSSACtif - http://www.css-actif.com/t9071-
************************************************************/

/* On s'occupe de la cellule contenant les liens */
.celluledesc-liens {
  /* largeur de la cellule */
  width:LARGEURpx;
 
  /* on donne une apparence personnalisée à la cellule */
 
  /* des bordures arrondies... */
  -moz-border-radius : 10px 0px 0px 10px;
  -webkit-border-radius : 0px 10px 0px 10px;
  border-radius : 10px 0px 0px 10px;
 }
 
  /* un fond */
  background : #391717 url('URL-IMG-FOND') top center no-repeat;
}

/* Puis on s'occupe des liens en question */
.celluledesc-liens a {
  /* on transforme les liens en blocs */
  display:block;
 
  /* on centre le texte dans les blocs */
  text-align:center;
 
  /* on règle les marges extérieures haut/bas puis droite/gauche */
  margin: 5px 0px;
 
  /* on fait de même pour les marges intérieures (entre les bords et le texte) */
  padding:2px 4px;
 
  /* on donne une apparence personnalisée a ces liens-blocs */
  border : 1px solid #391717; /* bordure */
  background: #391717;      /* couleur de fond */
 
  /* on personnalise un peu le texte */
  color : #COULEURTEXTE;
  font-size: TAILLEpx;  /* taille du texte */
  letter-spacing:2px;      /* espacement entre les lettres */
  font-weight:bold;      /* texte en gras */
  /* ... etc */
}

/* On s'occupe de la cellule contenant le texte de description */
.celluledesc-texte {
  text-align:justify;  /* texte justifié */
  padding:5px;      /* marges intérieures */
 
  /* on donne une apparence personnalisée à la cellule */
 
  /* des bordures arrondies... */
  -moz-border-radius : 0px 10px 0px 10px;
  -webkit-border-radius : 0px 10px 0px 10px;
  border-radius : 0px 0px 10px 0px;
 
  /* un fond */
  background : #391717 url('URL-IMG-FOND') top center no-repeat;
 
  /* on personnalise un peu le texte */
  color : #COULEURTEXTE;
  font-size: TAILLEpx;  /* taille du texte */
}

/* Puis on s'occupe de la description (en particulier le scroll automatique) */
.celluledesc-scroll {
  height:HAUTEURpx;  /* hauteur de la description */
  overflow:auto;      /* le scroll apparaît automatiquement si besoin */
 
  padding:5px;      /* marges intérieures, espacement par rapport à la barre de scroll */
}

/* *********************************************************
  Personnalisation des descriptions de catégories [FIN]
************************************************************/

/*Decor boutons et cases*/

.contour:hover
{
border:  1px solid #111010;
padding-left: 5px;
padding-right: 5px;
word-spacing: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-image:url(http://i1108.photobucket.com/albums/h419/Lady-Hell/pattern.png);
opacity: 2; line-height: 0.9;
}

#contour
{
border:  1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

#contour:hover
{
border:  1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour
{
border:  1px solid #403434;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour:hover
{
border: 1px solid #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour2
{
font-size: 9px;
border:  1px dotted #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour2:hover
{
font-size: 9px;
word-spacing: 3px;
border: 1px dotted #F3D6A2;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}


td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}



a.nav img
{
width: 200px;
}

.bodyline {-moz-border-radius:20px;}


  i {color :#916A4D;}
    b {color :#916A4D;}
    u {color: #916A4D;border-bottom: 1px dashed #e29c6e;}
    u {text-decoration: none;}
 .quote, .code, .spoiler {
    -moz-border-radius: 10px;}

    tr.post span.gensmall { display: none; }
    body { background-repeat: no-repeat; background-position: top center; background-attachment: scroll }

    a:hover {cursor:se-resize;}
    a {font-variant: small-caps;}

    tr.post span.gensmall { display: none; }


        .postprofile dd, .postprofile dt {text-align: center;}

    body{
      cursor:crosshair;
    }

.postbody {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    text-align:justify;
}
.postbody{font-family: Arial; font-size : 12px;  text-align: justify; text-align: blockquote; blockquote; block: quote;}

.postbody{-moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90);}

a.forumlink {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
display:block;
}

a.forumlink:hover {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
}

.profile{
text-align: justify;
}

.desc{
text-align: blockquote;
text-align: justify;
}

a:link, a:visited, a:active a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}
a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}
MessageSujet: Balise gênante dans le CSS.   Balise gênante dans le CSS. EmptyLun 16 Avr 2012, 07:03
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Balise gênante dans le CSS. Empty
Salut,

regarde au niveau de la classe .arthur , tu as un } en trop après

Code:

 border: 3px solid #391717; /* couleur des bords */

Smile
MessageSujet: Re: Balise gênante dans le CSS.   Balise gênante dans le CSS. EmptyLun 16 Avr 2012, 07:40
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Balise gênante dans le CSS. Empty
Voila ton css sans erreur (je dois t'avouer que c'est vraiment le bordel la dedans^^)

Code:

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

 a { text-decoration: none;
 
}

/*OPACITE IMAGE*/
.opacity img {
filter:alpha(opacity=50);           
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}

/*fin opacité*/


  /*CODE PA*/
 
  .titre2 {
  text-transform: lowercase;
  letter-spacing: -2px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #2B1515;
 }

.arthur {
  height: 140px;
  border: 3px solid #391717; /* couleur des bords */
 
 
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #391717; /* couleur du fond */
}



/*POLICE*/
quote, .code, .spoiler {
    -moz-border-radius: 11px;}

    a:hover {cursor:se-resize;}
    a {font-variant: small-caps;}

    tr.post span.gensmall { display: none; }


        .postprofile dd, .postprofile dt {text-align: center;}

    body{
      cursor:crosshair;
    }

    a
    {
    text-decoration: none;
  }
 

    .quote { -moz-border-radius: 10px;}
    .code { -moz-border-radius: 10px;}


    a {
    text-transform: lowercase ;
    letter-spacing: 2px;}


 
 




/* CITATIONS SPOILERS ET CODES */
.quote
{font-family: Arial;
font-size: 12px;
color: #bfb399;
line-height: 100%;
background-color: #391717;
border-style: solid;
border: 1px solid #391717;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;

}
.spoiler
{font-size: 12px;
line-height: 100%;
background-image: url(http://i48.servimg.com/u/f48/15/38/55/76/2hdxjf10.png);
border: 1px solid #391717;
border-left-width: 2px;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

.code {
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #bfb399;
background-color:#391717;
border: 0px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;}

.postdetails.poster-profile a img {

 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px solid #1A0A0A;
}


td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}



a.nav img
{
width: 200px;
}


/* TITRES DES FORUMS */

a.forumlink {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #ABA198;
color: #ABA198;}

a.forumlink:hover {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bold;
font-family: times new roman;
text-shadow: 0px 0px 1px #bfb399;
color: #bfb399;}

/* PERSONNALISATION DES TITRES DES FORUMS */

a.forumlink:before {
content:" ☼ ";
font-size:20px;
}
a.forumlink:hover:before {
content:" ☼ ";
  font-size:20px;

}

/*INFOBULLES*/

a.info{
position:relative;
z-index:24;
color:#bfb399;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#391717
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #391717;
background-color:#391717;
color:#bfb399;
text-align: justify;
font-weight:none;
padding:5px;
 
  }
 
 
  /*FICHE PV ET SCENARIO*/
 
    .fichenu {
    -moz-border-radius : 70px 0px 0px 70px;
  -webkit-border-radius : 0px 70px 0px 70px;
  border-radius : 70px 0px 70px 0px ;
    padding: 10px;
    width: 90%;
    background-color: #2B1515;
    border: 2px solid #2B1515;
    box-shadow: 2px 2px 4px black;
 }

  .titrenu {
    background: #391717;
    box-shadow: 2px 2px 4px black;
    opacity: 0.7;
    text-shadow: 1px 1px 2px #000000;
    width: 320px ; height: 20px;
    -moz-border-radius : 70px 0px 0px 70px;
  -webkit-border-radius : 0px 70px 0px 70px;
  border-radius : 70px 0px 70px 0px ;
    padding: 9px;
    font-size: 20px;text-transform: uppercase;
  }
  .boxnu {
    margin: auto; padding: 10px;
    -moz-border-radius : 70px 0px 0px 70px;
  -webkit-border-radius : 0px 70px 0px 70px;
  border-radius : 70px 0px 70px 0px ;
    background: #391717;
    border: 2px solid #391717;
    text-align: justify;
    opacity: 0.7;
    width: 70%;
  }

     

/*Qui est en ligne */

/*QEEL*/

.qui_est_là {
 
  box-shadow: 2px 2px 4px black;
  overflow : auto;
  height: 120px;
  background-color: #2B1515;
  font-size: 10px;
  font-style : blod;
 
}
.qui_était_là {
  box-shadow: 2px 2px 4px black;
    overflow : auto;
  height: 120px;
  background-color: #2B1515;
  font-size: 12px;
  font-style : blod;
}

.coupes {
  box-shadow: 2px 2px 4px black;
    overflow : auto;
  height: 80px;
  background-color: #2B1515;
  font-size: 10px;
  font-style : blod;

}

.portoloins {
  box-shadow: 2px 2px 4px black;
    overflow : auto;
  height: 80px;
  background-color: #2B1515;
  font-size: 12px;
  font-style : blod;
  color: #fff;
}

.lien {
    overflow : auto;
  height: 50px;
  font-size: 12px;
  font-style : blod;
  color: #9AA0A0;
  text-align: center;
}


.titre1 {
 
font-family: Arial;
text-align: center;
color: #9AA0A0;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 12px;
}
.table_1 td.row1{
background-image: none !important;
background-color: transparent !important;
border: none !important;

}
/*fin que QEEL*/





.onglet{
        color:  #B08787;                    /* couleur texte */
        font-family: Georgia, Verdana, Arial, serif;            /* police écriture */
        background-color: #391717;      /* couleur fond onglet */
        display:inline-block;
        margin-right:4px;        /* marge entre les onglets */      8. margin-bottom:-20px;      /* marge entre onglet et catégorie */
      padding:5px;        /* marge entre le texte et les bords de l'onglet */
      border:1px solid #1F0C0C;      /* bordure onglet */
      cursor:pointer;
      -moz-border-radius: 7px 7px 7px 7px;    /* arrondi les angles */
      -webkit-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      }
     
      .actif { /*Onglet survolé*/
      color: #B08787;
      background-color : #1F0C0C;
      background: url(http://i41.servimg.com/u/f41/17/41/18/71/fontca10.png) no-repeat;
      margin-right:8px;
      padding:5px;
      border:2px solid #1F0C0C;    24. cursor: pointer;    25. -moz-border-radius: 7px 7px 7px 7px;
      -webkit-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      }


/*sujetetmessages*/

sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets", on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre, on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #391717;
background-color: #391717;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD, on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre, on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #391717;
background-color: #391717;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}





/*CETEGORIES*/



.messages_sujets_derniers_sujets {
margin-left: VALEURpx; /*espace entre le bord gauche et la bordure*/
padding-top: VALEURpx; /*espace entre le texte et la bordure du haut*/
padding-left: VALEURpx; /*espace entre le texte et la bordure gauche*/
padding-bottom: VALEURpx; /*espace entre le texte et la bordure du bas*/
padding-right: VALEURpx; /*espace entre le texte et la bordure droite*/
border-top: VALEURpx solid #COULEUR;
border-left: VALEURpx solid #COULEUR;
border-bottom: VALEURpx solid #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomleft: VALEURpx;/*arrondir l'angle gauche du bas*/
}

/*affichage derniers messages*/
.derniers_sujets {
padding: VALEURpx; /*espace entre le texte et la bordure*/
margin: VALEURpx; /*espace entre le bord et la bordure*/
border: VALEURpx dashed #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/
text-align: center;
}

/*PROFIL*/
#post_onlin{
  background: url('http://nsa22.casimages.com/img/2012/02/25/120225075428873880.png') no-repeat;
  position: absolute;
  float: left;
  width: 19px;
  height: 115px;
  margin-left: -20px;
  margin-top: 120px;
  padding: 0;
  border: 0;
}

.postdetails.poster-profile a img {
  border: 3px solid #e29c6e;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  box-shadow: 3px 3px 5px black;
  -moz-box-shadow: 3px 3px 5px black;
  -webkit-box-shadow: 3px 3px 5px black;
}

.postdetails.poster-profile a img:hover {
  -moz-transform:rotate(-5deg);
  -webkit-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.infosprofil {
  border-top: 2px dotted #e29c6e;
  padding-top: 5px;
  text-align: justify;
}

.cadreprofil {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #391717;
  padding: 5px;
  background-color: #391717;
  text-align: justify;
}


/* *********************************************************
  Personnalisation des descriptions de catégories
  Tutoriel par CSSACtif - http://www.css-actif.com/t9071-
************************************************************/

/* On s'occupe de la cellule contenant les liens */
.celluledesc-liens {
  /* largeur de la cellule */
  width:LARGEURpx;
 
  /* on donne une apparence personnalisée à la cellule */
 
  /* des bordures arrondies... */
  -moz-border-radius : 10px 0px 0px 10px;
  -webkit-border-radius : 0px 10px 0px 10px;
  border-radius : 10px 0px 0px 10px;
 
 
  /* un fond */
  background : #391717 url('URL-IMG-FOND') top center no-repeat;
}

/* Puis on s'occupe des liens en question */
.celluledesc-liens a {
  /* on transforme les liens en blocs */
  display:block;
 
  /* on centre le texte dans les blocs */
  text-align:center;
 
  /* on règle les marges extérieures haut/bas puis droite/gauche */
  margin: 5px 0px;
 
  /* on fait de même pour les marges intérieures (entre les bords et le texte) */
  padding:2px 4px;
 
  /* on donne une apparence personnalisée a ces liens-blocs */
  border : 1px solid #391717; /* bordure */
  background: #391717;      /* couleur de fond */
 
  /* on personnalise un peu le texte */
  color : #COULEURTEXTE;
  font-size: TAILLEpx;  /* taille du texte */
  letter-spacing:2px;      /* espacement entre les lettres */
  font-weight:bold;      /* texte en gras */
  /* ... etc */
}

/* On s'occupe de la cellule contenant le texte de description */
.celluledesc-texte {
  text-align:justify;  /* texte justifié */
  padding:5px;      /* marges intérieures */
 
  /* on donne une apparence personnalisée à la cellule */
 
  /* des bordures arrondies... */
  -moz-border-radius : 0px 10px 0px 10px;
  -webkit-border-radius : 0px 10px 0px 10px;
  border-radius : 0px 0px 10px 0px;
 
  /* un fond */
  background : #391717 url('URL-IMG-FOND') top center no-repeat;
 
  /* on personnalise un peu le texte */
  color : #COULEURTEXTE;
  font-size: TAILLEpx;  /* taille du texte */
}

/* Puis on s'occupe de la description (en particulier le scroll automatique) */
.celluledesc-scroll {
  height:HAUTEURpx;  /* hauteur de la description */
  overflow:auto;      /* le scroll apparaît automatiquement si besoin */
 
  padding:5px;      /* marges intérieures, espacement par rapport à la barre de scroll */
}

/* *********************************************************
  Personnalisation des descriptions de catégories [FIN]
************************************************************/

/*Decor boutons et cases*/

.contour:hover
{
border:  1px solid #111010;
padding-left: 5px;
padding-right: 5px;
word-spacing: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-image:url(http://i1108.photobucket.com/albums/h419/Lady-Hell/pattern.png);
opacity: 2; line-height: 0.9;
}

#contour
{
border:  1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

#contour:hover
{
border:  1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour
{
border:  1px solid #403434;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour:hover
{
border: 1px solid #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour2
{
font-size: 9px;
border:  1px dotted #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}

div.contour2:hover
{
font-size: 9px;
word-spacing: 3px;
border: 1px dotted #F3D6A2;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}


td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}



a.nav img
{
width: 200px;
}

.bodyline {-moz-border-radius:20px;}


  i {color :#916A4D;}
    b {color :#916A4D;}
    u {color: #916A4D;border-bottom: 1px dashed #e29c6e;}
    u {text-decoration: none;}
 .quote, .code, .spoiler {
    -moz-border-radius: 10px;}

    tr.post span.gensmall { display: none; }
    body { background-repeat: no-repeat; background-position: top center; background-attachment: scroll }

    a:hover {cursor:se-resize;}
    a {font-variant: small-caps;}

    tr.post span.gensmall { display: none; }


        .postprofile dd, .postprofile dt {text-align: center;}

    body{
      cursor:crosshair;
    }

.postbody {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    text-align:justify;
}
.postbody{font-family: Arial; font-size : 12px;  text-align: justify; text-align: blockquote; blockquote; block: quote;}

.postbody{-moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90);}

a.forumlink {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
display:block;
}

a.forumlink:hover {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
}

.profile{
text-align: justify;
}

.desc{
text-align: blockquote;
text-align: justify;
}

a:link, a:visited, a:active a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}
a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}

Et, pour mettre en gras c'est :

Code:

font-weight:bold;

et non :
Code:

font-style:blod;

Smile
MessageSujet: Re: Balise gênante dans le CSS.   Balise gênante dans le CSS. EmptyLun 16 Avr 2012, 07:46
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



Balise gênante dans le CSS. Empty
Ah ça soulage merci !
Euh oui je te crois sur parole, j'suis pas spécialement ordonnée avec les codages. Mais je m'y retrouve dans mon petit bordel. What a Face

Sujet résolu !
MessageSujet: Re: Balise gênante dans le CSS.   Balise gênante dans le CSS. EmptyLun 16 Avr 2012, 08:28
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Balise gênante dans le CSS. Empty
    Hello (:
    Si le sujet est résolu, je classe alors (:
    N'hésite à rouvrir un autre sujet si tu as d'autres questions !
MessageSujet: Re: Balise gênante dans le CSS.   Balise gênante dans le CSS. EmptyLun 16 Avr 2012, 08:49
Revenir en haut Aller en bas
Contenu sponsorisé




Balise gênante dans le CSS. Empty
MessageSujet: Re: Balise gênante dans le CSS.   Balise gênante dans le CSS. Empty
Revenir en haut Aller en bas
 

Balise gênante dans le CSS.

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

 Sujets similaires

-
» Largeur du texte dans balise
» Balise code dans une fiche html ?
» [Template] Virgule Gênante {Affichage: Forum}
» Problème template balise
» Problème de balise?

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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