erreur de code css

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

Résolu erreur de code css

Message par Little_dragon le Sam 26 Avr 2014 - 4:17

coucou j' ai un probleme de code css sa dit erreur vous avez trop de }{  je ne vois pas ou c est pour cela que je demande votre aide


Code:
body {
background-repeat: no-repeat;
  background-position: top center;
}


/* PAGE ACCUEIL FORME 1 */

#f1_accueil
{
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2013/26/1372353069-acc.png);
  text-shadow: none !important;
}
#f1_accueil a
{
  color: #6B6B6B !important;
  text-shadow: none !important;
}
#f1_accueil a:hover
{
  color: #ffffff !important;
  text-shadow: none !important;
}
.f1_col1
{
  width: 300px;
  vertical-align: top;
}
.f1_contexte
{
  width: 220px;
  height: 300px;
  overflow: auto;
  margin-top: 100px;
  margin-left: 65px;
  text-align: justify;
  color: #6B6B6B;
  text-shadow: 1px 1px 0px #ffffff;
}
.f1_bloconglets
{
  margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3
{
  display: inline-block;
  width: 110px;
  height: 50px;
}
.f1_onglet1
{
  margin-left: 50px;
  margin-right: 25px;
}
.f1_onglet2
{
  margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3
{
  position: absolute;
  width: 0px;
  height: 220px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #6B6B6B;
}
.f1_contenu1
{
  margin-left: -10px;
}
.f1_contenu2
{
  margin-left: -149px;
}
.f1_contenu3
{
  margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
{
  width: 400px;
}
.f1_liens
{
  display: block;
  text-align: center;
}
.f1_liens a
{
  font-size: 12px;
  font-weight: bold;
}
.f1_news, .f1_friends
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}
.f1_credits, .f1_topsites
{
  height: 150px;
  border-left: 1px solid #6B6B6B;
  margin-left: 5px;
  padding: 5px;
  text-align: center;
}

.f1_staff1
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://fc04.deviantart.net/fs70/f/2010/058/1/1/__Eclair_Farron_Icon___by_Ultima_Memoria.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}

.f1_staff2
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://i79.servimg.com/u/f79/12/95/72/47/icones10.jpg);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}

.f1_staff3
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://image.noelshack.com/fichiers/2013/27/1372677434-aika.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}



}

.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
{
  position: absolute;
  width: 0px;
  height: 150px;
  background: #ffffff;
  margin-left: 80px;
  overflow: hidden;
}
.f1_staffcontenu2
{
  margin-top: -72px;
}
.f1_staffcontenu3
{
  margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
{
  width: 300px;
  border: 1px solid #6B6B6B;
}

/* FIN PAGE ACCUEIL FORME 1 */


/* MISE EN FORME DES CATEGORIES ET FORUMS AVEC LES IMAGES */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}

.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted #F0F0F0;
}
.catetitre
{
color: #6b6b6b;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* -------- CATEGORIES ------ */

.bodylinewidth
{
width: 900px;
margin: auto;
}

.bodyline
{
background: url(IMAGE) top left no-repeat #;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 3px 3px 3px #;
-moz-box-shadow: 3px 3px 3px #;
-o-box-shadow: 3px 3px 3px #;
-htm-box-shadow: 3px 3px 3px #
-webkit-box-shadow: 3px 3px 3px #;
border: 1px solid #;
}

#i_logo
{
margin-bottom: 20px;
}

#page-body
{
margin-top: 50px;
}


.forumline
{
max-width: 800px;
min-height: 100px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
background-color: #FFFFFF;
border-top: 1px solid #F0F0F0;
border-bottom: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0;
border-left: 8px solid #F0F0F0;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}


.table_head
{
width: 850px;
height: 88px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/996201categorie01.jpg) top center no-repeat;
}
.table_body
{
width: 850px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/122807categorie02.jpg) top center repeat-y;
}
.table_foot
{
width: 850px;
height: 129px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/780236categorie04.jpg) bottom center no-repeat;
}

.cate
{
margin-top: -30px;
}
.titre
{
font-size: 18px;
font-variant: spall-caps;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #4D3009;
}
.cate_body
{
width: 550px;
min-height: 100px;
margin-left: 6px;
margin-right: 6px;
margin-top: 4px;
margin-bottom: 4px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 4px;
padding-right: 4px;
background-color: #dadada;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-left: 8px solid #f0f0f0;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.cate_body:hover
{
background-color: #6b6b6b;
border-left: 8px solid #dadada;
}
.forumlink
{
display: block;
width: 300px;
text-align: center;
}
.forumlink a
{
color: #6b6b6b !important;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none !important;
text-shadow: 1px 1px 0px #828282;
border-bottom: 2px solid #4D3009;
}
.forumlink a:hover
{
color: #c7c7c7 !important;
text-shadow: 1px 1px 0px #c7c7c7;
text-decoration: none !important;
font-style: italic;
}
.illu_cate
{
float: left;
margin-right: 4px;
margin-bottom: 4px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
-htm-transition: 1s;
}
.illu_cate:hover
{
float: left;
margin-right: 4px;
margin-bottom: 4px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
-htm-transition: 1s;
}
.description
{
display: block;
font-size: 10px;
color: #6b6b6b;
text-align: justify;
}
.liens_sousforum a
{
font-weight: bold;
}
.liens_sousforum a:hover
{
font-weight: bold;
text-decoration: none !important;
}
.stats_last
{
display: block;
width: 140px;
height: 70px;
margin-right: 5px;
background-color: #6b6b6b;
border: 1px solid #dadada;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
padding: 4px;
font-size: 10px;
text-align: center;
}
.stats
{
display: block;
border-bottom: 1px dashed #828282;
font-size: 10px;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 2px;
}
.last a
{
text-transform: uppercase;
text-shadow: 1px 1px 0px #e4e4e4;
}
.last a:hover
{
text-decoration: none !important;
color: #828282 !important;
}

table
{
max-width: 800px;
margin: auto;
}



.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/* ------ INFOBULLE ------ */

        a.info {
        position:relative;
        z-index:24;
        color:#000000;
        text-decoration:none
        }
        
        a.info:hover {
        z-index:25;
        background-color:#FFFFFF
        }
        
        a.info span {
        display: none
        }
        
        a.info:hover span {
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width:100px;
        border:1px solid #000000;
        background-color:#FFFFFF;
        color:#000000;
        font-weight:none;
        padding:5px;
        }

/*--------- BARRE DE NAVIGATION ------- /*

        .navig {
        position: absolute;
        top: 0px;
        width: 100%;
        background-color: #FFFFFF;
        border-bottom: 3px solid #000000;
        }


*/-----------QQEL-------/*

/* QEEL ONGLETS LATERAUX HOVER */

.qeelnu31_titre
{
  display: block;
  width: 800px;
  height: 100px;
  background-image: url(http://image.noelshack.com/fichiers/2013/27/1372676606-qqel.png);
  margin: auto;
}
#qeelnu31
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 200px;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #6B6B6B;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 5px #6B6B6B1;
  -moz-box-shadow: 0px 0px 5px #6B6B6B;
  -o-box-shadow: 0px 0px 5px #6B6B6B;
  -htm-box-shadow: 0px 0px 5px #6B6B6B;
  -webkit-box-shadow: 0px 0px 5px #6B6B6B;
}
#qeelnu31_content
{
  width: 750px;
  height: 200px;
  overflow: hidden;
}
#qeelnu31_links
{
  float: left;
}
.qeelnu31_link1, .qeelnu31_link2, .qeelnu31_link3
{
  width: 150px;
  height: 48px;
  margin-bottom: 2px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672686-24.png);
}
.qeelnu31_link2
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672688-groupes.png);
}
.qeelnu31_link3
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672681-h-b.png);
}
.qeelnu31_link1:hover, .qeelnu31_link2:hover, .qeelnu31_link3:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
}
.qeelnu31_contenu1
{
  width: 750px;
  height: 200px;
  margin-left: 150px;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
}
.qeelnu31_contenu2
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  overflow: hidden;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu3
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -50px;
  overflow: hidden;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu4
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -100px;
  overflow: hidden;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1:hover .qeelnu31_contenu2, .qeelnu31_link2:hover .qeelnu31_contenu3,
.qeelnu31_link3:hover .qeelnu31_contenu4
{
  width: 650px;
  height: 200px;
  overflow: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu
{
  display: block;
  padding: 5px;
  color: #6B6B6B;
  font-size: 10px;
  text-align: justify;
}

.qeelnu31_stats
{
  font-size: 12px;
  text-shadow: -1px -1px 0px #6B6B6B;
  letter-spacing: 2px;
  font-weight: bold;
}
.usernu31_online
{
  display: block;
  font-size: 12px;
  text-shadow: -1px -1px 0px #6B6B6B;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11
{
  font-size: 18px;
  font-weight: bold;
  text-shadow: -1px -1px 0px #6B6B6B;
  text-transform: uppercase;
}
a.gr1
{
  color: #424242 !important;
}
.gr2
{
  color: #BB76C9 !important;
}
.gr3
{
  color: #FF0505 !important;
}
.gr4
{
  color: #4BD15F !important;
}
.gr5
{
  color: #FF600A !important;
}
.gr6
{
  color: #B5B51D !important;
}
.gr7
{
  color: #20C0FA !important;
}
.gr8
{
  color: #4FB397 !important;
}
.gr_description
{
  font-size: 10px;
  line-height: 9px;
  text-align: justify;
  color: #6B6B6B;
  text-shadow: 1px 1px 0px #;
}

merci pour votre aide d avance Smile


Dernière édition par Little_dragon le Ven 2 Mai 2014 - 21:30, édité 1 fois

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: erreur de code css

Message par stefou le Sam 26 Avr 2014 - 8:52

Bonjour,

Code:
.f1_staff3
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://image.noelshack.com/fichiers/2013/27/1372677434-aika.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}


}

.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
{
  position: absolute;
  width: 0px;
  height: 150px;
  background: #ffffff;
  margin-left: 80px;
  overflow: hidden;
}

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: erreur de code css

Message par Little_dragon le Sam 26 Avr 2014 - 17:50

Salut ce code je dois l enlever ? Ou le mettre pour le corriger ?

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: erreur de code css

Message par stefou le Sam 26 Avr 2014 - 20:47

Regarde cette partie que tu as dans ton CSS il y a une } en trop
Dans mon message le } en trop est a la ligne 14
Retrouve le dans ton CSS et ton problème est résolu

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: erreur de code css

Message par Automne le Ven 2 Mai 2014 - 9:46

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :

  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur



Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne 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