Sujets similaires

Bonjour tous le monde =), alors voila mon problème il y a quelque temps, j'ai fait une commande de PA qui est vraiment comme je voulais, mais aujourd'hui j'ai eu une nouvelle idée pour l'améliorer, j'ai essayé de le aire sur mon forum test mais impossible d'arriver à quelque chose de correct.
Voila se que sa donne aujourd'hui http://percy-jackson.forumactif.com/forum.htm
Mais j'aimerais qu'il y ai une autre colonne centré en dessous de tout mais qui prend toute la place du PA pour pouvoir écrire, donc j'aimerais savoir si c'était possible et comment le réaliser ? Si besoin je vous laisse mon CSS et mon code de la PA Wink

CSS:

Code:: a { text-decoration: none; }
.statistiques{
border:0px;
background-image: url("http://i62.servimg.com/u/f62/11/12/90/71/qui_en15.png");
background-repeat: no-repeat;
background-position: left;
height:263px;}

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

#colonne1 {
width: 30%;
float: left;
color:#FFF;
font-variant: small-caps;
margin-right:25px;
}
#colonne2 {
width: 30%;
float: left;
color:#FFF;
font-variant: small-caps;
margin-right:25px;
}
#colonne3 {
width: 30%;
float: left;
color:#FFF;
font-variant: small-caps;
}
.titre {
font-variant: small-caps;
color: #29748d;
text-align: center;
padding: 10px;
border: 2px solid #103947;
font-weight:bold;
font-size:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.navigation a {
font-variant: small-caps;
text-align: center;
text-decoration:none;
color:#FFF;
}
.navigation a:hover {
border-bottom:1px dashed;
}

a.imginfo {
position: relative;
color: white;
text-decoration: none;
border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
display: none;
}

a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}

a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 5px;
background: black;
color: white;
padding: 3px;
border: 2px solid #103947;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

a.lienbull{
text-decoration: none;
color:#FFF;
}

a.lienbull:hover{
text-decoration: none;
border-bottom:1px dashed;
color:#FFF;
}

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

.bordure
{border: 4px solid #454545;} /*couleur et taille de la bordure sur les icons & avatar */

.contenu
{border: 4px solid #454545; /*couleur et taille de la bordure */
padding: 5px; /*marge pour ne pas que le texte colle au cadre */
-moz-border-radius:10px; /* arrondi de la bordure */
margin: 3px;}

.defilement
{overflow: auto;
height: 200px;} /*taille de la case; si le texte est plus grand, une barre de défilement apparaitra */

#titre
{color: #454545;
font-family: georgia;
font-size: 16px; /*taille du titre "nom et prénom" */
text-transform: uppercase; /*pour les majuscules*/
font-weight: normal;
letter-spacing: -1px;
padding-left: 10px;}

a.forumlink {
text-decoration: none;
background-color: ##000000;
border-bottom: 2px double #3992D7;
border-top: 2px double ##3992D7;
-moz-border-radius: 10px ;
border-right: 5px solid ##3992D7;
-moz-border-radius: 10px ;
border-left: 5px solid ##3992D7;
display:block;
text-align: center;
}
a.forumlink:hover {
text-decoration: none;
background-color: #000000;
border-bottom:2px double #1766a3;
border-top: 2px double #1766a3;
-moz-border-radius: 10px ;
border-right: 5px solid #1766a3;
-moz-border-radius: 10px ;
border-left: 5px solid #1766a3;
display:block;
text-align: center;
}

.bodyline {
-moz-border-radius:10px;
}

PA:

Code:: <table style="background-color: rgb(0, 0, 0);" align="center"> <tbody>
<tr>
<td><div id="colonne1">
<table width="100%"><tbody>
<tr>
<td><div class="titre">
Annonces
</div>
<p style="margin-left: 20px;">
<br>
~ Mise à jour du Forum <br>
~ Élection d'admins<br>
~ Ouverture du forum: 07 janv 2010<br>
~ Design V.1 by Aaron Leandre<br>
~ Codé par Thalia<br>

</p>
</td>
</tr>

<tr>
<td><div class="titre">
Navigation
</div>
<p style="margin-left: 20px;" align="center">
<span class="navigation"><a href="http://percy-jackson.forumactif.com/histoire-f1/">Histoire</a> </span><br><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/reglement-f2/">Règlement</a></span><br><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/presentations-en-attentes-f7/">Présentation</a></span><br><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/absence-f6/">Absences</a></span> <br><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/pour-les-invites-f126/">Pour les Invités</a></span>
</p>
</td>
</tr>
</tbody></table>
</div><div id="colonne2">
<br><table width="100%"><tbody>
<tr>
<td><div class="titre">
Welcome
</div>
<p style="margin-left: 20px;" align="center">Bienvenue sur Percy Jackson RPG, venez incarner un Demi-Dieu parmi nous.
Nous vous souhaitons de passer de bons moments en notre compagnie et surtout de vous amuser tout en prenant du plaisir à rp ici!</p>
<br>
</td>
</tr>

<tr>
<td><div class="titre">
Staff
</div><div style="margin-left: 22px; margin-top: 5px;" align="center"><br>
<a class="imginfo">
<font color="burlywood">
<img src="http://i62.servimg.com/u/f62/11/12/90/71/aaron110.png">
</font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody>

<tr>
<td style="text-align: center;">
<a class="imginfo">
<img src="Image%20Int%C3%A9rieur">
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
Aaron Leandre. <br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/aaron211.png"><br>
<a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=1" class="lienbull">Profil</a> <a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=1" class="lienbull">MP</a><br>
</font>
</td>
</tr>
<tr align="center">
</tr></tbody>
</table>
</span>
</a>

<a class="imginfo">
<font color="burlywood">
<img src="http://i62.servimg.com/u/f62/11/12/90/71/jack10.png">
</font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody>

<tr>
<td style="text-align: center;">
<a class="imginfo">
<img src="IMAGE%20INTERRIEUR">
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
Jack Anderson.<br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/jack210.png"><br>
<a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=5" class="lienbull">Profil</a> <a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=5" class="lienbull">MP</a><br>
</font>
</td>
</tr>
<tr align="center">
</tr></tbody>
</table>
</span>
</a>

<a class="imginfo">
<font color="burlywood">
<img src="http://i32.servimg.com/u/f32/11/12/90/71/sasha10.png">
</font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody>

<tr>
<td style="text-align: center;">
<a class="imginfo">
<img src="IMAGE%20INTERRIEUR">
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
Sasha Na'iel.<br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/kay210.png"><br>
<a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=17" class="lienbull">Profil</a> <a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=17" class="lienbull">MP</a><br>
</font>
</td>
</tr>
<tr align="center">
</tr></tbody>
</table>
</span>
</a>

<a class="imginfo">
<font color="burlywood">
<img src="http://i62.servimg.com/u/f62/11/12/90/71/armand12.png">
</font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody>

<tr>
<td style="text-align: center;">
<a class="imginfo">
<img src="IMAGE%20INTERRIEUR">
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
Armand O'Súilleabháin.<br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/armand13.png"><br>
<a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=4" class="lienbull">Profil</a> <a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=4" class="lienbull">MP</a><br>
</font>
</td>
</tr>
<tr align="center">
</tr></tbody>
</table>
</span>
</a>
</div>

</td>
</tr>
</tbody></table>
</div><div id="colonne3">
<table width="100%"><tbody>
<tr>
<td><div class="titre">
Partenaires
</div><div style="margin-left: 20px; margin-top: 5px;" align="center">
<a href="http://percy-jackson-france.forumactif.com/forum.htm"><img src="http://nsa11.casimages.com/img/2010/01/19/100119112811249997.jpg"></a><br><br>
<a href="http://www.percyjacksonsaga.com/"><img src="http://i16.servimg.com/u/f16/14/76/69/56/111.jpg"></a>
</div>
</td>
</tr>

<tr>
<td><div class="titre">
Top Site
</div><div style="margin-left: 20px; margin-top: 5px;" align="center"><br>
<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=5708"><img src="http://i12.servimg.com/u/f12/11/12/90/71/top_si15.png"></a>
<a href="http://www.root-top.com/topsite/korben/in.php?ID=9373"><img src="http://i12.servimg.com/u/f12/11/12/90/71/top_si17.png"></a><br>
<a href="http://www.root-top.com/topsite/everutopia/in.php?ID=111"><img src="http://i12.servimg.com/u/f12/11/12/90/71/top_si19.png"></a>
<a href="http://www.root-top.com/topsite/hoglard/in.php?ID=4274"><img src="http://i12.servimg.com/u/f12/11/12/90/71/top_si20.png"></a>
</div>
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
<br><table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;"><tbody><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="width: 690px; height: 390px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://i62.servimg.com/u/f62/11/12/90/71/open13.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i62.servimg.com/u/f62/11/12/90/71/open13.png')?'block':'none';this.src=(this.src=='http://i62.servimg.com/u/f62/11/12/90/71/open13.png')?'http://i62.servimg.com/u/f62/11/12/90/71/close12.png':'http://i62.servimg.com/u/f62/11/12/90/71/open13.png';">
</td></tr></tbody></table>

Forum optimisé pour mozilla Firefox.
Copyright. Percy Jackson Rpg 2010 - 2011. Tout droit réservé. Copie texte/image/idées interdit.