Problème avec le CSS
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec le CSS
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.
Merci d'avance
Etoile
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
Re: Problème avec le CSS
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.
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.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème avec le CSS
Merci (:
Sujets similaires
» problème avec affichage parfois du forum et problème avec mes mp...
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» problème avec Défilement d'images avec liens (partenaires) :
» Probléme avec mon forum avec des petits points de neige.
» RE Problème avec categories composite avec internet explorer
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» problème avec Défilement d'images avec liens (partenaires) :
» Probléme avec mon forum avec des petits points de neige.
» RE Problème avec categories composite avec internet explorer
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum