Soucis de code pour PA

[Crazy-Sweet]

Bonjour, voilà j'ai un petit soucis avec un code CSS pour une PA :/

Voici le code en question:

Code:

<div style="background-color: #EFE3BA; -moz-radius-border: 10px;
-webkit-radius-border: 10px;
border-radius: 10px;
border: 4px solid #000;"> <div class="brr"><div id="navbar">
  <a href="http://ADRESSE DU FORUM">Règlement</a>
            <a href="http://ADRESSE DU FORUM">Contexte</a>
            <a href="http://ADRESSE DU FORUM">Personnages et Particularités</a>
            <a href="http://ADRESSE DU FORUM">Avatars</a>
            <a href="http://ADRESSE DU FORUM">Prédéfinis</a>
<a href="http://ADRESSE DU FORUM">Invités</a>

</div>
</div><div class="welcome">Bienvenue {USER&amp;#8288;NAME} sur Highway To Hell</div><div class="brr">
<span style="float: left; font-size: 22px; color: #fff; padding-top: 7px; padding-left: 20px;  text-shadow: 2px 2px 6px #fff;">Annonce</span> <marquee onmouseover="this.stop()" style="border: 0px solid; margin-left: 10px; padding-top: 20px;  width: 80%; height: 10px;" onmouseout="this.start()" scrollamount="2" scrolldelay="1" direction="left">Le forum a officiellement ouvert ses portes le 26 Mars 2011. Plein de postes vacants sont disponibles. Le Staff.</marquee> </div>

<table border="0" cellspacing="10" width="100%">
<tbody><tr><td class="fond" align="left" valign="top"><div class="titre">Contexte</div>
 <div class="phrase"> Tout tout tout, vous saurez tout sur notre fow</div>
 <p class="contexte"> Bienvenue dans un monde pas très différent de celui que vous connaissez. Un monde où la Magie existe depuis des temps immémoriaux. Un monde empli de secrets…. Oserez-vous y pénétrer sans craindre de ce que vous allez y découvrir ? A vous de nous le dire… Nous sommes en 2011 et une menace s’abat sur l’Angleterre. Les Vampires sont parmi nous, soyez sur vos gardes humains! Ils n’auront aucune pitié pour votre âme… Cependant les sorciers sont là et veillent sur vous… Les temps changent, mais comment les vampires ont-ils put prendre le contrôle de cette façon ? Comment est-il devenu si dangereux de vivre ? Allez-vous y survivre vous ?
<a href="http://ADRESSE DU FORUM"></a></p>
</td>
<td class="fond" align="center" valign="top"><div class="titre">Staff</div>
 <div class="phrase"> Une bande de malade</div> <br><div class="staff">
<table border="0">
<tbody><tr><td><img name="" src="http://img4.hostingpics.net/pics/587468A.png" alt="" style="border: 4px solid #EFE3BA;" height="55" width="121"></td>
<td> <a href="http://meaculpa.forum-canada.net/privmsg?mode=post&amp;u=3" target="blank" style="font-size: 18px; font-style: italic; text-shadow: 2px 2px 3px #000;">MP</a>  </td></tr>
<tr><td><img name="" src="http://img4.hostingpics.net/pics/780589B.png" alt="" style="border: 4px solid #EFE3BA;" height="55" width="121"></td>
<td> <a href="http://meaculpa.forum-canada.net/privmsg?mode=post&amp;u=2" target="blank" style="font-size: 18px; font-style: italic; text-shadow: 2px 2px 3px #000;">MP</a>  </td></tr>
<tr><td><img name="" src="http://img4.hostingpics.net/pics/1222083.png" alt="" style="border: 4px solid #EFE3BA;" height="55" width="121"></td>
<td> <a href="http://meaculpa.forum-canada.net/privmsg?mode=post&amp;u=4" target="blank" style="font-size: 18px; font-style: italic; text-shadow: 2px 2px 3px #000;">MP</a>  </td></tr></tbody></table>

</div></td>
<td class="fond" align="center" valign="top"><div class="titre">Prédéfinis</div>
 <div class="phrase"> Tout le monde te demande, on a besoin de toi</div> <div class="pv">

<br><a href="http://meaculpa.forum-canada.net/t35-maggie-loane-spencer-ministre-de-la-magie-impitoyable" target="_blank"><img name="" src="http://img4.hostingpics.net/pics/191604A.png" alt="" style="border: 3px solid #EFE3BA;" height="49" width="58">

</a><a href="http://meaculpa.forum-canada.net/t85-charlotte-rakel-kerman-chasseuse-de-vampire-corrompue" target="_blank"><img name="" src="http://img4.hostingpics.net/pics/183218B.png" alt="" style="border: 3px solid #545454;" height="49" width="58"></a>

<a href="http://meaculpa.forum-canada.net/t68-mioki-akaze-vampire-loufoque" target="_blank"><img name="" src="http://img4.hostingpics.net/pics/925345C.png" alt="" style="border: 3px solid #545454;" height="49" width="58"><br><br>
</a><a href="http://meaculpa.forum-canada.net/t93-devon-stewart-un-homme-au-coeur-sombre" target="_blank"><img name="" src="http://img4.hostingpics.net/pics/268863D.png" alt="" style="border: 3px solid #EFE3BA;" height="49" width="58">
</a><a href="http://meaculpa.forum-canada.net/t98-raphael-k-lewis-un-etre-au-coeur-tendre" target="_blank"><img name="" src="http://img4.hostingpics.net/pics/660562E.png" alt="" style="border: 3px solid #EFE3BA;" height="49" width="58">
</a><a href="http://meaculpa.forum-canada.net/t87-delilah-vidriane-johnsons-etudiante-manipulee" target="_blank"><img name="" src="http://img4.hostingpics.net/pics/586911F.png" alt="" style="border: 3px solid #EFE3BA;" height="49" width="58"><br><br><br>
</a><a href="http://meaculpa.forum-canada.net/f28-predefinis" target="blank" style="font-size: 18px; font-style: italic; float: right; text-shadow: 2px 2px 3px #000;">En savoir plus</a>
</div></td></tr>

<tr><td class="fond" align="center" valign="top"><div class="titre">Nos amis </div>
 <div class="phrase"> La famille c'est tout</div> <div class="ami"> <br>  <marquee onmouseover="this.stop()" style="border: 0px solid ; padding: 0px; margin-left: 1px;  width: 200px; height: 60px;" onmouseout="this.start()" scrollamount="3" scrolldelay="1" direction="right" class="fond02">

<a href="http://02141-cambridge.keuf.net/forum.htm" target="_blank"><img src="http://img28.xooimage.com/files/8/7/7/bouton-two-2173fd7.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://www.pub-rpg-design.com/" target="_blank"><img src="http://img262.imageshack.us/img262/5859/partenariat2.png" alt="" style="border: 4px solid #545454;"> </a>
 <a href="http://percy-jackson.keuf.net/" target="_blank"><img src="http://img94.imageshack.us/img94/462/boutonl.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://patacitrouilles.forumactif.com/forum" target="_blank"><img src="http://img27.imageshack.us/img27/6739/partenariat03.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://legend-of-pacific.superforum.fr/index.htm" target="_blank"><img src="http://i49.tinypic.com/2iql9iq.png" alt="" style="border: 4px solid #EFE3BA;"> </a>
 <a href="http://beauxbatons-otd.forumactif.com/forum.htm" target="_blank"><img src="http://i56.tinypic.com/2dlucjm.png" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://nouveau-chapitre.forumgratuit.org/" target="_blank"><img src="http://i25.servimg.com/u/f25/13/35/48/45/kplkp110.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://hannahmontana.annuairedeforums.com/" target="_blank"><img src="http://i52.tinypic.com/2niv1uo.png" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://imraisinghell.forumotion.com/" target="_blank"><img src="http://i35.servimg.com/u/f35/11/25/40/17/logo110.png" alt="" style="border: 4px solid #EFE3BA;"> </a></marquee><br>

<a href="http://meaculpa.forum-canada.net/t54-nos-partenaires" target="blank" style="font-size: 18px; font-style: italic; text-shadow: 2px 2px 3px #000; float: left;">En savoir plus</a>

</div></td>


<td class="fond" align="center" valign="top"><div class="titre">Membre du Mois </div>
 <div class="phrase"> Amy Evans</div> <div class="ami"> <br>  <style="border: 0px solid ; padding: 0px; margin-left: 1px;  width: 200px; height: 60px;">
<table border="0">
<tbody><tr><td align="center"><a href="http://meaculpa.forum-canada.net/u6" target="_blank"><img src="http://img11.hostingpics.net/pics/530027Sanstitre15.png" alt="" style="border: 4px solid #EFE3BA;"> </a></td>
</tr></tbody></table></div></td>

<td class="fond" align="center" valign="top"><div class="titre">Vote pour Mea Culpa</div><div class="brr2"> <div class="phrase">.</div><br> <marquee onmouseover="this.stop()" style="border: 0px solid ; padding: 0px; margin-left: 2px;  width: 200px; height: 60px;" onmouseout="this.start()" scrollamount="3" scrolldelay="1" direction="right" class="fond02">

<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16707" target="_blank"><img src="http://img.root-top.com/topsite/obsession27/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=5688" target="_blank"><img src="http://img.root-top.com/topsite/forumrpg/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
 <a href="http://www.root-top.com/topsite/jetset/in.php?ID=1426" target="_blank"><img src="http://img.root-top.com/topsite/jetset/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://www.root-top.com/topsite/korben/in.php?ID=11103" target="_blank"><img src="http://img.root-top.com/topsite/korben/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
 <a href="http://www.root-top.com/topsite/odealavie/in.php?ID=983" target="_blank"><img src="http://img.root-top.com/topsite/odealavie/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
 <a href="http://www.root-top.com/topsite/klash/in.php?ID=477" target="_blank"><img src="http://img.root-top.com/topsite/klash/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a>
<a href="http://www.root-top.com/topsite/titop/in.php?ID=1070" target="_blank"><img src="http://img.root-top.com/topsite/titop/banner.gif" alt="" style="border: 4px solid #EFE3BA;"> </a></marquee><br>
<a href="http://meaculpa.forum-canada.net/t50-comment-voter" target="blank" style="font-size: 18px; font-style: italic; text-shadow: 2px 2px 3px #000; float: left; margin-left: 3px;">En savoir plus</a></div></td></tr></tbody></table>

MAIS il ne me donne pas la couleur que je veux

Spoiler:

Ce n'est pas cette couleur: #888888 mais celle-ci #F7F1DD que je veux.

Merci d'avance.

[Anzu]

Bonsoir,

Il ne manque pas une partie du code ? Parce qu'un code qui commence par une balise qui se ferme ..

Il me faudrait également votre css si c'est possible ^^

Cordialement.

[Crazy-Sweet]

Non c'est simplement une faute de ma part xD
Il ne manque rien du tout

[Anzu]

Et le css ?

[Crazy-Sweet]

Oupps sorry:

Le CSS:

Code:

 body{
background-color: #ffffff;
background-image: url("http://img689.imageshack.us/img689/8259/headergb.png");
background-position:top;
background-repeat:no-repeat;
}

.forumline{
background-color: #998459;
}

body {
background-repeat: no-repeat;
  background-position: none;
}
a.mainmenu{
 text-decoration: none;
 color : #ffffff;
}
a.mainmenu:hover{
 text-decoration: none;
 color : #fdd9ae;
 }

.forumline{
border: 3px #ffffff
solid;
}

a.mainmenu:link, a.mainmenu:visited{
background-color: #998459;
border-left: 9px solid #998459;
border-right: 6px solid #998459;
-moz-border-radius:13px;
border: 3px #ffffff
solid; center;
}
tr.post span.gensmall { display: none; } /* PAS DE MESSAGE POUR REDITER */



/* CATÉGORIES */

.categories {
background: #EFE3BA;
border: 3px solid #B18B6F;
margin-top: 10px; /* NE PAS MODIFIER */
margin-bottom: -10px; /* NE PAS MODIFIER */
text-align: center;
height: auto;
width: 400px; /* LARGEUR */
margin-left: 400px; /* POSITIONNEMENT */
padding-top: 1px !important; /* ESPACE EN HAUT DU TEXTE */
padding-bottom: 5px !important; /* ESPACE EN BAS DU TEXTE */
-moz-text-shadow:  2px 2px 2px #7E7E7E; /* OMBRE */
-webkit-text-shadow:  2px 2px 2px #7E7E7E; /* OMBRE */
text-shadow:  2px 2px 2px #7E7E7E; /* OMBRE */
font-family: georgia; /* POLICE, CHANGE LA À TA GUISE :) */
font-style: italic;

/* DANS LE CAS OÙ TU VEUX ARRONDIR LES COINS, ENLÈVE LES SLASH ET LES ÉTOILES DE LA PETITE SECTION SUIVANTE */

 -moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
-webkit-border-radius-top-left: 50px;
-webkit-border-radius-top-right: 50px;
}


/* CONTOUR DU FORUM */

.forumline {
margin: 5px;
padding: 8px; 
border: 3px solid #B18B6F;  /* BORDURE */
background: #EFE3BA;
-moz-border-radius: 30px;  /* ARRONDI DES BORDURE AINSI QUE LE SUIVANTS */
-webkit-border-radius: 30px;
-moz-box-shadow: 6px 6px 6px #7E7E7E;  /* OMBRE, AINSI QUE LES SUIVANTS */
-webkit-box-shadow: 6px 6px 6px #7E7E7E;
box-shadow: 6px 6px 6px #7E7E7E;
}

/* PREMIER ENCADRÉ (IMAGE/DESCTIP)  */

.section_1 {
border: 3px solid #B18D81;  /* BORDURE */
background-color:#F7F1DD;
-moz-border-radius: 30px; /* ARRONDI DES BORDURE AINSI QUE LE SUIVANTS */
-webkit-border-radius: 30px;
padding-left: 10px;  /* POSITIONNEMENT, AINSI QUE LES SUIVANTS*/
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 25px;
}

.forum-description {
height: 80px;
overflow: auto;
}


/* ENCADRÉ DU DERNIER MESSAGE  */

.dernier_message {
border: 3px solid #B18D81; /* BORDURE */
background-color:#F7F1DD;
-moz-border-radius: 30px; /* ARRONDI DES BORDURE AINSI QUE LE SUIVANT */
-webkit-border-radius: 30px;
padding: 10px; /* POSITIONNEMENT */
width: 160px;  /* DIMMENSIONS */
height: 98px;
}

/* TITRE DU FORUM (POSITION)*/

.forumlink {
margin-left: 25px;
margin-bottom: 15px;
margin-top: 15px;
}

 /* titre du forum */
a.forumlink {
font-family: POLICE;
font-size: TAILLE;
font-style: italic; /* TU PEUX L'ENLEVER SI TU LE SOUHAITE */
color: #COULEUR;
}

 /* titre du forum (lorsque la souris passe dessus)*/
a.forumlink:hover {
font-family: POLICE;
font-size: TAILLE;
font-style: italic;  /* TU PEUX L'ENLEVER SI TU LE SOUHAITE */
color: #COULEUR;
}

/* X MESSAGES; X SUJETS */

.messages {
border: 3px solid #B18D81; /* BORDURE */
background-color:#F7F1DD;
-moz-border-radius: 10px; /* ARRONDI DES BORDURE AINSI QUE LE SUIVANT */
-webkit-border-radius: 10px;
padding-left: 5px; /* POSITIONNEMENT */
padding-right: 5px;
padding-bottom: 3px;
margin-left: 5px;
}




.profilentour {    /* MISE EN PAGE PROFIL */
text-align:center;
padding:9px;
background-color:#BD6740;
-moz-border-radius:0px;
}




/* c'est le code pour les tous les titres */
.titre {

color: #fff;
font-weight:bold;
size-font: 20px;
text-align: center;
text-transform: uppercase;
padding: 5px;
margin: 5px;
text-shadow: 2px 2px 6px #fff;
  -moz-border-radius:15px 15px 0px 0px;
  -webkit-border-radius:15px 15px 0px 0px;
border-radius:6px;
background-color: #000;
-webkit-box-shadow: 0px 1px 10px #000000;
  -moz-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
}

/* c'est le code du fond de toutes les cellules */
.fond {
background-color: #888888;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 1px 10px #000000;
  -moz-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
border: 1px solid #888888;}

/* c'est le code de la gestion du contexte */
.contexte {
text-align: justify;
margin: 20px;
padding: 5px;
width: 250px;
height: 180px;
overflow: auto; }

/* c'est la largeur et la hauteur de la partie staff */
.staff {
width: 200px;
height: 180px; }

/* c'est la largeur et la hauteur de la partie prédéfinis */
.pv {
width: 200px;
height: 180px; }

/* c'est la largeur et la hauteur de la partenaires */
.ami {
width: 250px;
height: 100px; }

/* c'est la largeur et la hauteur des cellules en bas */
.brr2 {
width: 250px;
hight: 100px; }

/* c'est le code pour le message d'accueil */
.welcome {
height: 45px;
font-size: 22px;
margin: 6px;
padding-top: 25px;
text-transform: uppercase;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

/* c'est le code pour le fond de la partie welcome ainsi que l'annonce */
.brr {
height: 50px;
width: 95%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 1px 10px #000000;
  -moz-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
text-align: center;
margin: 5px;
padding:7px;}

/* c'est le code pour la barre de navigation */
#navbar {

  color: white;
  font-size: 14px;
  font-family: Georgia;
  text-align: center;
  border: 1px  #606060;
        margin: 2px;
  padding-top: 15px;
  list-style-type: none;
}

/* la partie de la barre de navigation normale */
#navbar a:link, #navbar a:visited, #navbar a:active  {
background-color: #888888;
  color: #000;
  text-decoration: none;
-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius:5px;
-webkit-box-shadow: 0px 1px 10px #000000;
  -moz-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
padding: 7px;
margin: 2px;
height: 10px;
}

/* le code pour la barre de navigation au survol de la souris */
#navbar a:hover {
  background-color: #000;
color: #545454;
text-shadow: 2px 2px 4px #545454;
}

a:link {
  color:fff;
  text-decoration: none;
  text-align: left;
}
a:visited {
  color:000;
  text-decoration:;
  background-color:;
}
a:hover {
  color:000;
  text-decoration:;
  background-color:;
}
a:active {
  color:000;
  text-decoration:overline;
  background-color:;
}



.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:12;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12;
border:16px solid #D8CBB9;
}



ul {
display: block; padding-left: 8px; padding-right: 10px;
}




.statsforums {
  padding: 5px;
  text-align:right; /* alignement du texte : left, center ou right */
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
}


a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
  display:block;
  background-color: #COULEUR-DE-FOND;
  border-bottom: 5px double #COULEUR-BORDURE;
  text-align: center;
  font-weight: bold;
 
  /* Les bordures arrondies */
  -moz-border-radius: 7px;
  -webkit-border-radius:7px;
  border-radius:7px;
}





a.forumlink {
background-color: #transparent;
  text-shadow: #ffc96b 1px 1px 1px;
  background-image: url('http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png');
color: #d293ed;
display: block;
font-family: Georgia;
font-size: 18px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #ffc96b;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Coin sombre des habitants."; }

[Anzu]

C'est dans votre css, vous avez ceci:

Code:

  /* c'est le code du fond de toutes les cellules */
    .fond {
    background-color: #888888;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 10px #000000;
      -moz-box-shadow: 0px 1px 10px #000000;
      box-shadow: 0px 1px 10px #000000;
    border: 1px solid #888888;}

Suffit de changer la couleur du background par la bonne

Cordialement.

[Crazy-Sweet]

Oh maman j'avais pas vu XD
Merciiiiii <3