problème de code pour fiche

[Little_dragon]

salut j`ai un petit probleme avec cette fiche pub les carrer comme celui du contexte est tre long et ceux a coter j`aimerais les avoir plus haut mais j'ai essayé a jouer avec les px les tailles mais je ne trouve pas les bonne tailles quelqu'un pourrait -til m`aider svp

voila le code

Code:



<center><div style="background-color: #F9F9F9; width: 500px; color: #AEE3F5;"><img src="http://i56.servimg.com/u/f56/11/90/82/77/untitl10.jpg" style="text-align:center;">
<div style="padding: 25px;">
<div style="font-size: 35px; color: #2C3436; font-family: georgia; font-style: italic;"> Blabla-univers</div>
<div style="font-size: 14px; font-family: Courier New; margin: -10px 0px 0px 0px;">Type du forum</div>
<table width="100%" border="0" cellspacing="0"><tr><td width="50%"><div style="background-color: #D9C1A1; padding: 20px; width: 100px; height: 500px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Contexte</div>

<div style="overflow:auto; width: 100%; height: 450px;"> Bienvenue sur le forum de Blabla-univers, un forum de discussion général, jeux vidéo, tutoriel, graphisme, mangas, musique etc. Vous avez beaucoup de choix à votre disposition.  </div></div>
<div style="margin: -35px 0px 0px 20px; transform: rotate(-8deg);"><img src="IMAGE CONTEXTE 100*100"> <img src="IMAGE CONTEXTE 100*100"></div></td>
    <td width="50%"><center><div style="background-color: #D9C1A1; padding: 20px; width: 150px; height: 200px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Le staff</div>

   
       Ecrire ici!!!!!!
                                       

<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Actualités</div>
   
 
   Le forum est présentement près à recevoir des membres </div>

<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Statistiques</div>

Ouvert le 18 Avril 2014  ; 
03 membres pour 12 messages.</div></center></td>
  </tr>
</table>

<a style="color: #D9C1A1 !important; text-shadow: none !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; text-align: right;" href="http://www.never-utopia.com">© Never-Utopia</a></div></div></center>

Merci d'avance:)

[Self]

Bonjour,

Il manquait une fermeture de balise au code, essayez comme cela :

Code:

<center><div style="background-color: #F9F9F9; width: 500px; color: #AEE3F5;"><img src="http://i56.servimg.com/u/f56/11/90/82/77/untitl10.jpg" style="text-align:center;"><div style="padding: 25px;"><div style="font-size: 35px; color: #2C3436; font-family: georgia; font-style: italic;"> Blabla-univers</div>
<div style="font-size: 14px; font-family: Courier New; margin: -10px 0px 0px 0px;">Type du forum</div>
<table width="100%" border="0" cellspacing="0"><tr><td width="50%">
<div style="background-color: #D9C1A1; padding: 20px; width: 100px; height: 380px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Contexte</div>
<div style="overflow:auto; width: 100%; height: 360px;"> Bienvenue sur le forum de Blabla-univers, un forum de discussion général, jeux vidéo, tutoriel, graphisme, mangas, musique etc. Vous avez beaucoup de choix à votre disposition.  </div></div><div style="margin: -35px 0px 0px 20px; transform: rotate(-8deg);">
<img src="IMAGE CONTEXTE 100*100"> <img src="IMAGE CONTEXTE 100*100"></div></td><td width="50%"><center><div style="background-color: #D9C1A1; padding: 20px; width: 150px; height:115px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Le staff</div>
Ecrire ici!!!!!!</div>
<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Actualités</div>
Le forum est présentement près à recevoir des membres </div>
<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Statistiques</div>
Ouvert le 18 Avril 2014  ;
03 membres pour 12 messages.</div></center></td></tr></table>
<a style="color: #D9C1A1 !important; text-shadow: none !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; text-align: right;" href="http://www.never-utopia.com"> Never-Utopia</a></div></div></center>

Cordialement .

[Little_dragon]

salut merci pour sa mais j' ai une question pour que le carrer de contexte soit moins long j' aimerais bien la moitie moins long car je n' ai pas besoin d<autant de place. Merci beaucoup d'avance

[Self]

Re,

Oui, comme ceci :

Code:

<center><div style="background-color: #F9F9F9; width: 500px; color: #AEE3F5;"><img src="http://i56.servimg.com/u/f56/11/90/82/77/untitl10.jpg" style="text-align:center;"><div style="padding: 25px;"><div style="font-size: 35px; color: #2C3436; font-family: georgia; font-style: italic;"> Blabla-univers</div>
<div style="font-size: 14px; font-family: Courier New; margin: -10px 0px 0px 0px;">Type du forum</div>
<table width="100%" border="0" cellspacing="0"><tr><td width="50%">
<div style="background-color: #D9C1A1; padding: 20px; width: 100px; height: 190px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Contexte</div>
<div style="overflow:auto; width: 100%; height: 170px;"> Bienvenue sur le forum de Blabla-univers, un forum de discussion général, jeux vidéo, tutoriel, graphisme, mangas, musique etc. Vous avez beaucoup de choix à votre disposition.  </div></div><div style="margin: -35px 0px 0px 20px; transform: rotate(-8deg);">
<img src="IMAGE CONTEXTE 100*100"> <img src="IMAGE CONTEXTE 100*100"></div></td><td width="50%"><center><div style="background-color: #D9C1A1; padding: 20px; width: 150px; height:115px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Le staff</div>
Ecrire ici!!!!!!</div>
<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Actualités</div>
Le forum est présentement près à recevoir des membres </div>
<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Statistiques</div>
Ouvert le 18 Avril 2014  ;
03 membres pour 12 messages.</div></center></td></tr></table>
<a style="color: #D9C1A1 !important; text-shadow: none !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; text-align: right;" href="http://www.never-utopia.com"> Never-Utopia</a></div></div></center>

Bonne soirée .

[Little_dragon]

salut oui mais est-ce possible qu' il soit plus large comme les autres ? si non c' est pas grave je te remercie pour ton aide

[Self]

Bonjour,

Oui, comme ceci :

Code:

<center><div style="background-color: #F9F9F9; width: 500px; color: #AEE3F5;"><img src="http://i56.servimg.com/u/f56/11/90/82/77/untitl10.jpg" style="text-align:center;"><div style="padding: 25px;"><div style="font-size: 35px; color: #2C3436; font-family: georgia; font-style: italic;"> Blabla-univers</div>
<div style="font-size: 14px; font-family: Courier New; margin: -10px 0px 0px 0px;">Type du forum</div>
<table width="100%" border="0" cellspacing="0"><tr><td width="50%">
<div style="background-color: #D9C1A1; padding: 20px; height: 190px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Contexte</div>
<div style="overflow:auto; width: 100%; height: 170px;"> Bienvenue sur le forum de Blabla-univers, un forum de discussion général, jeux vidéo, tutoriel, graphisme, mangas, musique etc. Vous avez beaucoup de choix à votre disposition.  </div></div><div style="margin: -35px 0px 0px 20px; transform: rotate(-8deg);">
<img src="IMAGE CONTEXTE 100*100"> <img src="IMAGE CONTEXTE 100*100"></div></td><td width="50%"><center><div style="background-color: #D9C1A1; padding: 20px; width: 150px; height:115px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Le staff</div>
Ecrire ici!!!!!!</div>
<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Actualités</div>
Le forum est présentement près à recevoir des membres </div>
<div style="background-color: #D9C1A1; padding: 20px; width: 150px; text-align: justify;-moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; border-radius:10px 10px;"><div style="color: #EEE9DC; text-align: center; margin: -30px 0px 0px 0px; font-size: 30px; font-family : impact; font-style: bold; text-shadow: 3px 3px 4px #25201D;">Statistiques</div>
Ouvert le 18 Avril 2014  ;
03 membres pour 12 messages.</div></center></td></tr></table>
<a style="color: #D9C1A1 !important; text-shadow: none !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; text-align: right;" href="http://www.never-utopia.com"> Never-Utopia</a></div></div></center>

Bonne journée .

[Little_dragon]

C' est parfait merci beaucoup pour ton aide je mets donc en resolu