Essais - essais

<table style="width: 85%; border-collapse:collapse;">
  <tr>
      <td style="width : 50%"><div class="blocs"><center>[img]http://i521.photobucket.com/albums/w339/youaresupposed/KAYA4.png[/img]</center></div><br>
<div class="blocs"> Crédits de l'avatar + Nom de la Célébrité</div>
<br><div class="blocs"> RELATIONS avec infobulles T_T
[center]<span class="admins"><img src="http://i64.servimg.com/u/f64/11/74/97/65/enzy11.png"> <span><img src="http://i176.photobucket.com/albums/w171/Milka30/Mannequin/rr10.jpg"><br>
      <b>contenu infobulle 1</b></span></span><span class="admins"><img src="http://i64.servimg.com/u/f64/11/74/97/65/enzy11.png"> <span><img src="http://i176.photobucket.com/albums/w171/Milka30/Mannequin/rr10.jpg"><br>
      <b>contenu infobulle 2</b></span></span><span class="admins"><img src="http://i64.servimg.com/u/f64/11/74/97/65/enzy11.png"> <span><img src="http://i176.photobucket.com/albums/w171/Milka30/Mannequin/rr10.jpg"><br>
      <b>contenu infobulle 3</b></span></span><span class="admins"><img src="http://i64.servimg.com/u/f64/11/74/97/65/enzy11.png"> <span><img src="http://i176.photobucket.com/albums/w171/Milka30/Mannequin/rr10.jpg"><br>
      <b>contenu infobulle 4</b></span></span>[/center]</div></td>


      <td><div style="border-bottom : 3px #60646e solid">[center] [size=24][font=Times New Roman]NOM DU PERSONNAGE[/font][/size][/center]</div>
<br>
<div class="blocs"> Caractère en résumé <br><br><br><br>
 <div class="barres"></div><br><br>
Histoire du Personnages <br><br><br><br> <div class="barres"></div> <br><br><br>
Relations & détails <br><br><br> </div></td>
  </tr>
</table>

.blocs{
background-color : #60646e ;
border : 9px solid #000000 ;
 -moz-border-radius : 20px ;
width : 80% ;
padding : 3px ;
font-size : 11px ;
font-color : #ffffff ; }

.barres {
height : 5px ;
background-color : #000000 ;
margin : -3px ;}

<center><div style="border: 5px solid rgb(240, 245, 240); padding: 10px; width: 400px; height: 110px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; ">  [table border="0"][tr][td]<div style="border: 5px solid rgb(220, 220, 220); padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px; "><a class="info">[img]icons[/img]<span>Sam WInchester : Blablabla</span></a></div> [/td][td]<div style="border: 5px solid rgb(220, 220, 220); padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px;"><a class="info">[img]icon [/img]<span>texte info bulle</span></a></div> [/td][td]<div style="border: 5px solid rgb(220, 220, 220); padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px;"><a class="info"> [img]icon [/img]<span>texte info bulle</span></a></div> [/td][/tr][/table]</div></center>

<table style="width: 85%; border-collapse:collapse;">
  <tr>
      <td style="width : 50%"><<fieldset style="border : 6px black solid ; -moz-border-radius : 20px"><legend> [color=black][b][font=Times New Roman][size=24]Votre photo[/size][/font][/b][/color] </legend><center>FREE - RESERVED - BUSY<br>[img]http://i521.photobucket.com/albums/w339/youaresupposed/KAYA4.png[/img]<br>Crédits de l'avatar<br> Nom de la Célébrité</center></div></div></fieldset>


      <td><div style="border-bottom : 3px #60646e solid">[center] [size=24][font=Times New Roman]NOM DU PERSONNAGE[/font][/size][/center]</div>

<fieldset>
                        <legend>Fiche d'identité</legend><table><tr><td>
[img]http://img8.hostingpics.net/pics/428345jared02.png[/img]</td>
<td>[size=9][justify]
• NOM [color=#4F2E2E]▬[/color]
•• PRÉNOM(S) [color=#4F2E2E]▬[/color]
••• AGE [color=#4F2E2E]▬[/color]
•••• GROUPE [color=#4F2E2E]▬[/color]
••••• Pouvoirs ou aptitudes [color=#4F2E2E]▬[/color]
[/justify][/size]</fieldset></td></tr></table>
</td>  </tr></table>
<center><div style="border: 5px solid rgb(240, 245, 240); padding: 10px; width: 400px; height: 100px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; overflow:auto;">[justify]histoire du personnage[/justify]</div>
<div style="border: 5px solid rgb(240, 245, 240); padding: 10px; width: 400px; height: 110px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; ">  [table border="0"][tr][td]<div style="border: 5px solid rgb(220, 220, 220); padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px; "><a class="info">[img]icons[/img]<span>Sam WInchester : Blablabla</span></a></div> [/td][td]<div style="border: 5px solid rgb(220, 220, 220); padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px;"><a class="info">[img]icon [/img]<span>texte info bulle</span></a></div> [/td][td]<div style="border: 5px solid rgb(220, 220, 220); padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px;"><a class="info"> [img]icon [/img]<span>texte info bulle</span></a></div> [/td][/tr][/table]</div></center>

 /* Présentation PV */

.blocs{
background-color : #60646e ;
border : 9px solid #000000 ;
 -moz-border-radius : 20px ;
width : 80% ;
padding : 3px ;
font-size : 11px ;
font-color : #ffffff ; }

.barres {
height : 5px ;
background-color : #000000 ;
margin : -3px ;}

/* Infobulles dans présentation pv */

{
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}