Sujets similaires

Sujet: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 05:32

Bonjour.

J'ai consulté la rubrique libre-service des codes pour la PA et sur celui que je souhaite mettre en plus il y a une erreur dans le code CSS.

Il s'agit de ce sujet : http://www.css-actif.com/t11217-page-d-accueil-codee

Quand je rentre ce code dans la feuille de style CSS, un message d'erreur s'affiche après avoir validé : ""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."

Ne connaissant pas le codage, je ne sais pas de quoi il s'agit ni où ça se trouve.

Merci.

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 06:00

Salut,

Peut tu nous passer ton code css entier ?

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 07:55

Il s'agit du premier dans le sujet donné mais le voici :

Code:: /*
|--------------------------------------------------------------------------
| PAGE D'ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
background: #000000;
color: #ffffff;

border: 2px #ffffff solid;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;

text-shadow: 0px 0px 8px #ffffff;
-moz-box-shadow: 1px 1px 5px #ffffff;
-webkit-box-shadow: 1px 1px 5px #ffffff;
}

.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: 88px;
height: 31px;
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;
}

.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: 78px;
height: 78px;

opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);

}

/* Liens */
.lien{
display: block;
width: 110px;
margin-right: 10px;

text-decoration: none;
color: #ffffff;
}

.lien:hover{
background: #ffffff;
color: #000000;
}

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

.block a {
text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
height: 150px;
overflow: auto;
text-align: justify;
}

.block-welcome {
width: 500px;
}

.block-staff {
width: 332px;
}

.block-staff table {
margin: auto;
}

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

.block-partenaires, .block-nouveautes, .block-credits {
width: 280px;
height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
width: 280px;
height: 70px;
overflow: auto;
}

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

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 08:35

OK, remplace par celui-ci :

Code:: /* Propriétés générales */
.block, .titre, .lien {
background: #000000;
color: #ffffff;
border: 2px solid #ffffff ;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;

text-shadow: 0px 0px 8px #ffffff;
-moz-box-shadow: 1px 1px 5px #ffffff;
-webkit-box-shadow: 1px 1px 5px #ffffff;
}

.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: 88px;
height: 31px;
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;
}

.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: 1px solid #ffffff;

opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}

.thumbnail:hover > div {
top: 0px;
left: 0px;
width: 78px;
height: 78px;

opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);

}

/* Liens */
.lien {
display: block;
width: 110px;
margin-right: 10px;

text-decoration: none;
color: #ffffff;
}

.lien:hover {
background: #ffffff;
color: #000000;
}

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

.block a {
text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
height: 150px;
overflow: auto;
text-align: justify;
}

.block-welcome {
width: 500px;
}

.block-staff {
width: 332px;
}

.block-staff table {
margin: auto;
}

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

.block-partenaires, .block-nouveautes, .block-credits {
width: 280px;
height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
width: 280px;
height: 70px;
overflow: auto;
}

/* 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 solid #ffffff;
}

.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;
}

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 09:08

Merci, il n'y a plus le message d'erreur mais par contre le code HTML semble aussi avoir un problème.

Regarde le résultat : http://csvaugirard.forumpro.fr

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 09:13

Alors tu va dans Panneau d'administration > Générale >Messages et Emails >Configuration

Autoriser le HTML : tu mets OUI ! si ça marche toujours pas tu va dans ton profil > Préférences > Toujours autoriser le HTML : OUI

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 09:18

Les deux sont déjà sur "oui". Sad

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 10:56

Peux-tu nous montrer ce que tu as collé dans "Message d'accueil" ?

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 11:04

Et bien, le code fournit dans le tuto :

Code:: <table>
<tr>
<td><a href="#" class="lien">Lien One</a></td>
<td><a href="#" class="lien">Lien Two</a></td>
<td><a href="#" class="lien">Lien Three</a></td>
<td><a href="#" class="lien">Lien Four</a></td>
<td><a href="#" class="lien">Lien Five</a></td>
</tr>
</table>

<table>
<tr>
<td>
<div class="titre titre-welcome">
W<br />E<br />L<br />C<br />O<br />M<br />E
</div>
</td>

<td>
<div class="block block-welcome">
Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte
</div>
</td>

<td>
<div class="block block-staff">
<h1 class="titre titre-staff">L'equipe du Forum</h1>

<table>
<tr>
<td>
<div class="thumbnail">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
<div>
Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
</div>
</div>
</td>

<td>
<div class="thumbnail">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
<div>
Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
</div>
</div>
</td>

<td>
<div class="thumbnail">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
<div>
Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
</div>
</div>
</td>
</tr>
</table>

<a href="LIEN_DU_SUJET_STAFF" class="tstaff">Tout le staff ?</a>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div class="block block-partenaires">
<h1 class="titre">Partenaires</h1>

<a href="LIEN_PARTENAIRE">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
</a>
<a href="LIEN_PARTENAIRE">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
</a>
<a href="LIEN_PARTENAIRE">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
</a>
<br />

<a href="LIEN_PARTENAIRE">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
</a>
<a href="LIEN_PARTENAIRE">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
</a>
<a href="LIEN_PARTENAIRE">
<img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
</a>
<br />
</div>
</td>

<td>
<div class="block block-nouveautes">
<h1 class="titre">Nouveautes</h1>

<div>
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
00 / 00 / 00 ~> Nouveaute<br />
</div>
</div>
</td>

<td>
<div class="block block-credits">
<h1 class="titre">Credits</h1>

<div>
Design by ...<br />Page D'accueil By <a href="http://www.css-actif.com/">Silver°Dragon</a>
</div>
</div>
</td>
</tr>
</table>

J'ai juste supprimé des "ton texte" car sa déformait la page en l’allongeant des deux côtés (le code ne fonctionnait pas non plus).

Sujet: Re: Problème sur un code CSS en lbre-service Ven 14 Sep 2012, 12:13

Tu n'es probablement pas en mode HTML. Au-dessus de la zone d'édition du message d'accueil, tu dois avoir un bouton "HTML" avec une croix rouge. Clique dessus, ça va te faire repasser en mode HTML pur.
Ceci fait, remplace tout le code qui en résulte par ce que tu devais coller à la base Smile

Sujet: Re: Problème sur un code CSS en lbre-service Mer 19 Sep 2012, 06:44

Bonjour,

Cela fait cinq jours que ce sujet reste sans réponse. Ce problème est-il toujours d'actualité ? Rappel : si nous n'avons toujours pas de nouvelle d'ici quatre jours, ce sujet rejoindra les archives. Wink

Merci de ta compréhension. Problème sur un code CSS en lbre-service 926145

Sujet: Re: Problème sur un code CSS en lbre-service Sam 22 Sep 2012, 08:17

Yop' !
N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu !
Merci de ta compréhension Problème sur un code CSS en lbre-service 926145

Problème sur un code CSS en lbre-service

Problème sur un code CSS en lbre-service

Sujets similaires

Sujets similaires

Partenaires Or