Cellspacing?

[Keith8D]

Bonjour~
Je finalise mon message d'accueil mais je rencontre un léger problème.
Voici le résultat actuel:


Et ce que j'aimerais obtenir:


Je pensais utiliser le cellspacing pour en arriver à ce résultat mais ce dernier écarte aussi les "titres" des "contenus".

Quelqu'un pourrait m'expliquer comment faire ces espaces?

[ge80]

Bonjour

Je ne le pense pas.
La solution doit être par la CSS.

Si vous voulez plus d'aide alors fournissez votre codage et CSS (par MP ou ici) afin de faire des essais de positionnement.


Cordialement,
Ge

[Scoubifitz]

coucou...

une solution plus simple est d'intercaler des colonnes supplémentaires ,
puisqu'il s'agit juste de donner l'illusion d'un vide , autant en créer un ! ^^

j'ai placé une largeur de 55 pixels ...

Code:

<table border="0" cellpadding="2" cellspacing="2" width="100%">
<tbody><tr>
<td>
<div class="titreentete">NAVIGATION</div>
</td>
<td width="55"></td>
<td>
<div class="titreentete">.::BIENVENUE A SLAVAVOSTOK::.</div>
</td>
<td width="55"></td>
<td>
<div class="titreentete">STAFF</div>
</td>
</tr>
<tr>
<td class="navigation" width="180">
<!--- PARTIE NAVIGATION DU FORUM --->
<a href="http://slavavostok.forumactif.com/t1-regles-generales">Règlement</a>
<a href="http://slavavostok.forumactif.com/t7-contexte-du-forum">Contexte</a>
<a href="http://slavavostok.forumactif.com/t9-fonctionnement-de-la-mafia">Mafia</a>
<a href="http://slavavostok.forumactif.com/t2-les-caracteristiques-des-vampires">Caractéristiques</a>
<a href="http://slavavostok.forumactif.com/t6-modele-de-presentation">Fiche Type</a>
<a href="http://slavavostok.forumactif.com/f41-ordres-de-missions">Ordres de Missions</a>
<!--- FIN NAVIGATION --->
</td>
<td width="55"></td>
<td>
<!--- PARTIE PRESENTATION DU FORUM --->   
<div class="presentation">
En Russie, pour réussir à passer au travers de la crise, l'économie souterraine est une activité obligatoire pour survivre et l'ancien St Petersbourg n'y échappe pas. La cité impériale n'est plus que le théâtre de la Mafia locale. Il est raconté que pour intégrer ces organisations, les candidats doivent se soumettre à des rites initiatiques. Mais les légendes urbaines peuvent cacher des mythes encore plus invraisemblables...<br><br>Êtes-vous seulement prêt à découvrir la vérité?
</div>
<!-- FIN PRESENTATION DU FORUM -->
</td>
<td width="55"></td>
<td align="center" valign="middle" width="100">
<!--- DEBUT DE LA PARTIE STAFF --->
<div class="staff transparence">
<!--- UN STAFF --->
<a href="http://slavavostok.forumactif.com/u1" class="infobulle">
<img src="http://img4.hostingpics.net/pics/186682hainealbinogunmanbywisekumagorod2ydfiz.gif" alt="staff" border="0">
<span>
<!--- contenu de l'infobulle --->
<img src="http://img4.hostingpics.net/pics/313575hainealbinogunmanbywisekumagorod2ydfiz.jpg" alt="Caïn/" border="0" width="100">
<br>
<strong>Caïn</strong>
<!-- fin de l'infobulle -->
</span>
</a>
<!--- FIN STAFF --->
<br> <!--- SAUT DE LIGNE --->
<!--- UN STAFF --->
<a href="http://slavavostok.forumactif.com/u5" class="infobulle">
<img src="http://img4.hostingpics.net/pics/250650Abel.gif" alt="staff" border="0">
<span>
<!--- contenu de l'infobulle --->
<img src="http://img4.hostingpics.net/pics/262698faceb10.jpg" alt="Abel" border="0" width="100">
<br>
<strong>Abel</strong>
<!--- fin de l'infobulle --->
</span>
</a>
<!--- FIN STAFF --->
<br> <!--- SAUT DE LIGNE --->
<!--- UN STAFF --->
<a href="ADRESSE-PROFIL" class="infobulle">
<img src="http://img4.hostingpics.net/pics/115015STAFF.gif" alt="staff" border="0">
<span>
<!--- contenu de l'infobulle --->
<img src="IMG-AVATAR-COMPLET" alt="NOMDUSTAFF" border="0" width="100">
<br>
<strong>NOM DU STAFF</strong>
<!--- fin de l'infobulle --->
</span>
</a>
<!--- FIN STAFF --->
<br> <!--- SAUT DE LIGNE --->
<!-- UN STAFF -->         
<a href="ADRESSE-PROFIL" class="infobulle">   
<img src="http://img4.hostingpics.net/pics/115015STAFF.gif" alt="staff" border="0">
<span>
<!-- contenu de l'infobulle -->
<img src="IMG-AVATAR-COMPLET" alt="NOMDUSTAFF" border="0" width="100">
<br>
<strong>NOM DU STAFF</strong>
<!-- fin de l'infobulle -->
</span>
</a>
<!-- FIN STAFF -->
</div>
<!-- FIN DE LA PARTIE STAFF -->
</td></tr>
</tbody></table>
<table border="0" cellpadding="2" cellspacing="2" width="100%">
<tbody><tr>
<td>
<div class="titreentete">TOPS SITES</div>
</td>
<td width="55"></td>
<td>
<div class="titreentete">PARTENAIRES</div>
</td>
<td width="55"></td>
<td>
<div class="titreentete">INFORMATIONS</div>
</td>
</tr>
<tr>
<td width="20%">
<!-- REFERENCEMENT --><div class="staff transparence">
<div class="lienspub" align="center">
<a href="#" target="_blank">
</a><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=5506"> <img src="http://img4.hostingpics.net/pics/669252klh.png" alt="slavavostok" title="slavavostok" border="0"></a>
<a href="#" target="_blank">
</a><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16495" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/331366lkjh.png" alt="" border="0"></a>
<br> <!-- SAUT DE LIGNE -->
<a href="#" target="_blank">
</a><a href="http://www.root-top.com/topsite/imaginatif/in.php?ID=508" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/497619banier3.png" alt="" border="0"></a>
<a href="#" target="_blank">
</a><a href="http://www.root-top.com/topsite/jeuparforum/in.php?ID=275" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/jeuparforum/banner.gif" alt="" border="0"></a>
<br> <!-- SAUT DE LIGNE -->
<a href="http://www.root-top.com/topsite/rng/in.php?ID=129"><img src="http://illiweb.com/fa/pbucket.gif" border="0"></a>
<a href="#" target="_blank">
<img src="http://img4.hostingpics.net/pics/183482vide.gif" alt="NOM-SITE-DE-REF">
</a>
</div>   <div class="sousliens">
<span class="sousliens"><a href="http://slavavostok.forumactif.com/t13-tops-sites">Liste complète</a></span>
</div></div>
<!-- FIN REFERENCEMENT -->
</td>
<td width="55"></td>
<td rowspan="3" align="center" width="20%">
<!-- PARTENAIRES --><div class="staff transparence">
<div class="lienspub" align="center">
<a href="#" target="_blank">
</a><a href="http://infam-industry.forum-actif.net"><img src="http://i41.tinypic.com/29n8aqf.png"></a>
<a href="#" target="_blank">
</a><a href="http://pasiunea-immortalis.forumactif.org/forum"><img src="%3Ca%20href=" http:="" www.servimg.com="" image_preview.php?i="485&amp;u=13602728&quot;" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/13/60/27/28/88x3112.jpg" alt="" border="0"></a>
<br> <!-- SAUT DE LIGNE -->
<a href="#" target="_blank">
</a><a href="http://vampires-kingdom.forumactif.com/"><img src="http://img4.hostingpics.net/pics/816689121279logo1f.gif"></a>
<a href="#" target="_blank">
</a><a href="http://vampires-city.forumgratuit.org"><img src="http://i73.servimg.com/u/f73/09/03/82/98/88x3110.jpg"></a>
<a href="#" target="_blank">
</a><a href="http://annuaire-rn.forumactif.org/portal.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" alt="" border="0"></a>
<a href="#" target="_blank">
<img src="http://img4.hostingpics.net/pics/183482vide.gif" alt="NOM-SITE-DE-REF">
</a>
</div><div class="sousliens">
<span class="sousliens"><a href="http://slavavostok.forumactif.com/f52-partenaires">Liste complète</a></span>
</div>   </div>
<!-- FIN PARTENAIRES -->
</td>
<td width="55"></td>
<td rowspan="3" width="50%">
<!-- PARTIE NOUVEAUTES DU FORUM -->
<div class="nouvelles">
-Ouverture du forum le 29/01/11~<br> -Aidez nous à trouver des membres \o/ Votez Votez Votez <br> <br> <br> <br>
</div>
<!-- FIN PARTIE NOUVEAUTES -->
</td>
</tr>
<tr>
<td colspan="5" align="center"> 
</td>
</tr>
</tbody></table>

[Keith8D]

Merci beaucouup~ \o/