Gros problèm CSS

[pmoli12]

Salut, j'ai un problème. Mon CSS ne marche plus alors qu'il y peu, il marchait parfait. Et à la place, je revoit un de mes anciens CSS. Je vous en prit aidez-moi ! Voici mon CSS

[ge80]

Bonjour

Essayez de le re-enregistrer une nouvelle fois.

Videz votre cache internet si un CTRL-F5 ne fonctionne pas sur l'affichage de votre forum

Cordialement
Ge

[Neptunia]

Bonsoir,

Pourriez vous illustrer d'une capture écran ce qui cloche ?
Et nous confirmer que le forum concerné est bien celui de votre profil ??

Voici le tutoriel Faire une capture d'écran (screenshot).

[ge80]

Dans votre CSS, il y a des commentaires bizarres

Code:

/* 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 */*/

Un "minimiseur css" a été mis en place par Forum actif et votre /* */ final peut gêner...

[pmoli12]

Je ne peux pas faire une capture d'écran de ce qui cloche vu que cela varie à chaque fois, voici la preuve que ce forum est le mien;
Mais pour les commentaires, tout marchait bien jusqu'à une fois, je mette à jour ma feuille de style et tout redevienne comme avant.

[ge80]

Mais pour les commentaires, tout marchait bien jusqu'à une fois, je mette à jour ma feuille de style et tout redevienne comme avant.

Oui mais entre temps a eu lieu une mise à jour et vos commentaires peuvent très bien poser problèmes.

Avez-vous essayé mes conseils ci-dessus ?

[pmoli12]

Oui, je viens de le faire, malheureusement cela ne marche toujours pas

[ge80]

Quelle est la mise en forme CSS qui ne fonctionne pas ?

[pmoli12]

Eh bien rien ne fonctionne; le fait est que ma feuille CSS est correcte mais qu'elle affiche une de mes anciennes feuilles CSS sur le forum.

[ge80]

Donc une erreur en lecture est détectée et fait que la feuille d'avant est chargée.

Un commentaire commence css par /* et se termine par */ et vous vous avez deux débuts /* dans vos commentaires et une seule fin */.

[pmoli12]

Ca ne change rien sans;

[ge80]

Je vérifie.

Code:


#mymenu {
background-image : url('http://i37.servimg.com/u/f37/15/57/93/09/resh10.png');
background-repeat: no-repeat;
width:250px; ( c'est la largeur de votre menu)
height:50px;  ( c'est la hauteur de votre menu)
}


à remplacer par

Code:


#mymenu {
background-image : url('http://i37.servimg.com/u/f37/15/57/93/09/resh10.png');
background-repeat: no-repeat;
width:250px;
height:50px;
}


et

Code:

#mymenu a {
color: #FFFFFFFF( au moment du pointage);
}


par

Code:

#mymenu a {
color: #FFFFFF;
}


[Neptunia]

Edité !

[ge80]

Bonjour
Pour mon information :
Où en est votre problème ?
Était-ce un problème de commentaires ?

[pmoli12]

Toujours rien de changé. Mais maintenant, à chaque fois que je clique sur valider, il y a un changement, j'ai essayé mais mon CSS ne prend pas en compte les derniers changements. Solution ?

Edit: je ne pense pas vu que rien ne change.

[ge80]

OK mais cela ne devait pas arranger votre problème. Il suffit de lire les quelques messages qui en parlent suite à la mise ne place du minimiseur de CSS et du contrôle de validité.

Il doit rester une propriétés non reconnue.

Essayez la css modifiée

Code:

a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

.menu:link, .menu:visited, .menu:active {
display:block;
width: 50%;
background-color:#ffffff;
text-align: center;
font-size:11px;
font-family: Arial;
color:#000000;
border-bottom:1px solid #000000;
letter-spacing: 1px;
text-decoration: lowercase;}

.menu:hover {
display:block;
width: 50%;
background-color:#000000;
text-align: center;
font-size:11px;
font-family: Arial;
color:#ffffff;
border-bottom:1px solid #ff0000;
text-decoration: capitalize;
letter-spacing: 4px;}

body {
cursor: crosshair;
}

.lastpost {
-moz-border-radius: 7px 7px 7px 7px ;
border: 1px lightseagreen dashed;
background-color: #F7F4FC;
}

.secondarytitle {
-moz-border-radius: 7px 0px 0px 0px ;
border: 1px lightseagreen dashed;
background-color: #F7F4FC;
}

a.topictitle{
text-decoration: none;
font-variant: lowercase;
color : #5c2f2f;
}

a.topictitle:visited{
text-decoration: none
font-variant: uppercase;
color : #8C5A58;
}

a.topictitle:hover{
text-decoration: none;
font-variant: capitalize;
color : #3FA298;
text-shadow: black 1px 1px 2px;
letter-spacing: 3px;
}

.vide1 {
background-color: #ffffff;}

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

.connexion1{
text-align: justify;
width: 392px ;
-moz-border-radius:5px;
background-image: url(‘http://obsession27.free.fr/divers/textures/texturebeig.jpg’);
font-family :Franklin Gothic Book;
}

.crédit1 {
padding: 0px;
float: left;
background-color: #ffffff;
margin: 5px
}

.crédit2 {
-moz-border-radius: 5px;
color: #couleur du texte;
font-size: 9px;
text-align: center;
}

.effet1{
text-align: right;
font-family : Tahoma;
border-bottom:1px dotted silver;
letter-spacing: 2px;
display:block;
}

.ombre3a{
font-size: 38px;
color: #ffffff;
text-align: center;
-moz-border-radius: 4px;
background-image: url(‘http://fc08.deviantart.net/fs13/f/2007/114/b/3/Texture_by_kiplala.jpg’);
text-shadow: black 1px 1px 2px;
letter-spacing: 1px;
}

.ombre2b{
font-size: 38px;
color: #ffffff;
text-align: center;
-moz-border-radius: 5px;
background-color: #000000;
text-shadow: black 1px 1px 2px;
letter-spacing: 1px;
}

.ombre2a{
font-size: 38px;
color: #ffffff;
text-align: center;
-moz-border-radius: 4px;
background-color: #ffffff;
text-shadow: black 1px 1px 2px;
letter-spacing: 1px;
}

.ombre1b{
text-shadow: black 1px 1px 2px;
color: #ffffff;
letter-spacing: 3px;
text-transform: uppercase;
}

.ombre1a{
text-shadow: black 1px 1px 2px;
color: #ffffff;
letter-spacing: 2px;
}

.back1{
-moz-border-radius: 4px;
background-color: #ffffff;
}


.test {
border: 5px #E0E0E0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

a.forumlink {
text-transform: lowercase;
text-align: right;
font-family : Segoe UI;
border-bottom:6px double #7E95BE;
letter-spacing: 1px;
display:block;
-moz-border-radius:10px;
background-color: #80CAE6;
text-shadow: rgb(130, 130, 130) 2px 1px 2px;
}

a.forumlink:hover {
text-transform: capitalize;
text-align: left;
font-family :Segoe UI;
border-bottom:6px double #03BC93;
letter-spacing: 2px;
display:block;
-moz-border-radius:10px;
background-color: #8ADBD7;
text-shadow: rgb(130, 130, 130) 2px 1px 2px;
}

.barre1{
background-color:#D9E5F5;
border: 1px #2D81EA dashed;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:11px;
font-weight: bold;
text-align:left;
text-decoration: none !important;
height:auto;
}

.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:200px;}

.groupes{
background-color:#D9E5F5;border: 1px #2D81EA dashed;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:11px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto}

.sujets_messages
{margin-top: 2px;
padding: 2px;
border: 1px solid #99ABCC;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom: 1px solid #99ABCC;
border-top: 1px solid #99ABCC;
background-color: #80CAE6;
text-align: center;
}

.derniers_sujets
{margin-top: 2px;
padding: 2px;
border-bottom: 0px solid #FDFDFD;
border-top: 1px solid #99ABCC;
border-left: 1px solid #99ABCC;
border-right: 1px solid #99ABCC;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-bottom: 1px solid #99ABCC;
background-color: #80CAE6;
text-align: center;
}

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}

.News
{
  height: 107px ;
  width: 225px ;
  background-image: url(‘http://nimga.fr/m/iKC4c.png’) ;
  text-align left ;
  overflow: auto ;
}

.profil_contour
{
border: 6px dotted;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;}

.forumline{
-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 5px #bab3ae dashed;
border-top: 5px #bab3ae dashed;
border-right: 2px #bab3ae dashed;
border-left: 2px #bab3ae dashed;}

.ascenseur {
position: fixed;
top: 675px;
left: 0px;
background-color: #5f4037;
-moz-border-radius: 30px 30px 0px 0px;
-webkit-border-radius: 0px 30px 30px 0px;
border-radius: 0px 30px 30px 0px;
}

.quote{border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius: 8px 8px 0px 0px ;
-webkit-border-radius: 8px 8px 0px 0px ;
border:1px #ffffff dashed;
background-color:#B8D5F2;}

.code {
background-color: #8ADBD7;
border:1px #ffffff dashed;
-moz-border-radius: 8px 8px 0px 0px ;
-webkit-border-radius: 8px 8px 0px 0px ;
color: #ffffff;
}

.bodyline {
-moz-border-radius:10px;
border: 1px #8ADBD7 dashed;
}


.forumline{
border: 0px #E2F0E8
dashed;
}


.mainmenu{
    font-size : 11px;
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #E7E8F5;
        background-color: #7575D0;
        border-bottom: 1px dashed #3C3CB0;
filter:alpha(opacity=50);
-moz-opacity:0.6;opacity: 0.6;
color : #ffffff
}

a.mainmenu:hover{
    text-decoration:none; color : #E7E8F5;
    background-color : #7575D0;       
 border-bottom: 1px dashed;
 color : #ffffff;
filter:alpha(opacity=100);
-moz-opacity:0.85;opacity: 1;
text-transform: uppercase;
  }

a.mainmenu:link, a.mainmenu:visited{
margin-left : 0px;
margin-right : 0px;
font-family :Franklin Gothic Book;
color: #E7E8F5;
background-color: visibility:hidden;
text-align:left;
-moz-border-radius: 0px 7px 0px 0px;
border-left: 3px solid #80CAE6;
border-right: 0px solid #transp;
background-image: url(‘http://obsession27.free.fr/divers/textures/th_32610.jpg’);}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #ffffff;
border-left: 0px solid #transp;
border-right: 0px solid #transp;
text-transform: uppercase
color : #ffffff;}

#mymenu {
background-image : url('http://i37.servimg.com/u/f37/15/57/93/09/resh10.png');
background-repeat: no-repeat;
width:250px;
height:50px;
}
#mymenu:hover  {
background-image : url('http://i37.servimg.com/u/f37/15/57/93/09/fond_b10.png');
background-repeat: no-repeat;
}
#center {
text-align: center;
}
#mymenu a {
color: #FFFFFF;
}

a {
font-variant: small-caps;
text-decoration: none;
}

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


[pmoli12]

Malheureusement cela ne marche pas...

EDIT : Attendez, je vérifie...

Edit2 : Ca marche, merci un milliard de fois ! Puis-je savoir où étais le problème ?

[ge80]

La syntaxe et des espaces...

J'ai remis en forme et homogénéisé les propriétés.

[pmoli12]

Très bien, merci beaucoup !

[ge80]

Il y avait aussi les url(' ou url(" ou url(...

Des changements de lignes suite à une déclaration
.a

{

remis en
.a {





Bon dimanche