Problème avec le CSS

2 participants

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

Résolu Problème avec le CSS

Message par Etoile du tonnerre Jeu 30 Aoû 2012 - 18:14

Bonjour à tous,
Mon problème c'est mon CSS. Quand j'ai rajouté un code pour la bannière en fond pour un autre forum, un message d'erreur et apparu:

"Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.
"

Or j'ai relu le code plusieurs fois sans détecter de failles.

Code:
body {
  background-repeat: no-repeat;
}

/* PAGE D'ACCUEIL */

/* Propriétés générales */
.block, .titre, .lien {
 
background-repeat: no-repeat;
  padding:5px;
background-position:center;
  background-color : #c3b19a;
box-shadow: 0px 0px 2px #000000;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 99px;
  height: 41px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
  margin:1px;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 99px;
  height: 41px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */

.titrepa{
  text-align : center ;
font-size: 20px;
 color:#af8865;
text-shadow: 1px 1px 0px #ffffff;
font-variant: small-caps;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome {
  height: 120px;
  overflow: auto;
  text-align: justify;
margin-left:10px;
  margin-right:10px;
  padding:5px;
}
 .block-staff {
  height: 120px;
  text-align: justify;
margin-left:10px;
  margin-right:10px;
  padding:5px;
}

.opacite {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.opacite:hover {
    opacity: 1;
-moz-opacity: 1;
  filter: alpha(opacity=100);
}

.block-welcome {
  width: 400px;
}

.block-staff {
  width: 320px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits { 
  width: 220px;
  height: 110px;
  padding:5px;
margin-left:10px;
  margin-right:10px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 220px; 
  height: 98px;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}


span.infoadmins {
  position: relative;
  text-decoration: none;
}
span.infoadmins span.bulle {
  display: none;
  font-size: 12px;
}
span.infoadmins:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
span.infoadmins:hover span.bulle {
  display: inline;
  position: absolute;
left: -10px;
width; 150px;
top:10px;
  color: #8C6645;
background-color : #EBEBEB;
  border : 2px solid #af8865;
  padding: 3px;
  -moz-border-radius: 5px;
}

span.infoadmins span.bulles {
  display: none;
  font-size: 10px;
}

span.infoadmins:hover span.bulles {
  display: inline;
  position: absolute;
left: 50px;
width; 150px;
top:0px;
  color: #8C6645;
background-color : #EBEBEB;
  border : 2px solid #af8865;
  padding: 3px;
  -moz-border-radius: 5px;
}

.menunav {
width: 210px;
  padding:2px;
  background-color:#E1D8CD;
    border-left : 2px solid #af8865;
      border-right : 2px solid #af8865;
}
.menunav:hover {
  width: 210px;
  background-color:#EBEBEB;
    color: #E2E8EB;
  letter-spacing:1px;
      border-left : 2px solid #af8865;
      border-right : 2px solid #af8865;
}

Merci d'avance
Etoile


Dernière édition par Etoile du tonnerre le Jeu 30 Aoû 2012 - 18:42, édité 1 fois
Etoile du tonnerre

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le CSS

Message par Matriochka Jeu 30 Aoû 2012 - 18:17

Bonjour,

Le problème vient d'ici : /* PAGE D'ACCUEIL */

Retirez le guillemet ou bien fermez avec un nouveau /* PAGE D'ACCUEIL */, et ça devrait aller.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le CSS

Message par Etoile du tonnerre Jeu 30 Aoû 2012 - 18:41

Merci (:
résolu
Etoile du tonnerre

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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