Comment espacer 2 colones créées dans un cadre ?

[Dax]

Bonjour ,

quelqu'un peut-il me dire comment créer un espace entre les 2 colones qui se trouvent cote à cote dans ce code dans la partie "<!-- This section creates the Right column of the two, which includes whatever you want to say -->" et qui ont pour titre "titre colonne 1 " et "titre colonne 2"

Merci d'avance

<div class="containertable">

<table border="0" width="100%" cellspacing="0" cellpadding="10">
<tr>
<td width="100%">

{if $banner}
	<p>{$banner}</p>
{/if}

{if $index_catid==0}
	<!-- If we are on frontpage -->
	{if $member}
		<h2>{$index_welcome_91}</h2>
		<p class="headline">{$index_welcome_92}</p>
	{else}
		<h2>{$index_welcome_1}</h2>
		<p class="headline">{$index_welcome_2}</p>
	{/if}


{/if}

{if $catname}
<h2>{$catname}</h2>
{/if}


{if $index_catid==0}
	<!-- If we are on frontpage -->

<!-- This section creates the left column of the two, which includes the categories -->
<table border='0' width='30%'>
<tr>
<td valign='top' width='40%'>
{php}
include("catcol.php");	
{/php}
<div style="text-align: center;"><script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = 180;
google_ad_height = 60;
google_ad_format = "180x60_as_rimg";
google_cpa_choice = "CAAQlP3DmwIaCKak8Ds9Ct2CKPiwuosBMAA";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
</td>

<td valign="top" width="25%">

<!-- This section creates the Right column of the two, which includes whatever you want to say -->

<table border="0" width="100%" cellspacing="0" cellpadding="1" class="box">

	<tr>
	<th width="78%">titre colonne 1</th>
	<th width="78%"><div style="text-align: center;">titre colonne 2</div></th>
	</tr>
<tr>
<td height=243><div style="text-align: left;">

	<div align="left">
	  <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = 247;
google_ad_height = 247;
google_ad_format = "250x250_as";
google_ad_type = "image";
google_ad_channel = "";
google_color_border = "6728B2";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "6728B2";
google_color_url = "000000";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
	 </div></td>
<td><div align="right"><script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = 247;
google_ad_height = 247;
google_ad_format = "250x250_as";
google_ad_type = "image";
google_ad_channel = "";
google_color_border = "6728B2";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "6728B2";
google_color_url = "000000";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></td>
</tr>
</table>


{else}

[Leonick]

la méthode bourrine consisterait à ajouter une colonne intermédiaire.

La bonne méthode consisterait, ellle, à supprimer les <table>, <tr> et <td> et les remplacer par des <div>, ce qui permettrait d'ajouter un left-margin à la colonne de droite.

[Dax]

Tu veux dire remplacer çà

<table border="0" width="100%" cellspacing="0" cellpadding="1" class="box">

<tr>
<th width="78%">titre colonne 1</th>
<th width="78%"><div style="text-align: center;">titre colonne 2</div></th>
</tr>
<tr>
<td height=243><div style="text-align: left;">

par çà ?

<div border="0" width="100%" cellspacing="0" cellpadding="1" class="box">

<div>
<th width="78%">titre colonne 1</th>
<th width="78%"><div style="text-align: center;">titre colonne 2</div></th>
</div>
<div>
<div height=243><div style="text-align: left;">

çà marche pas , je dois me tromper

tu pourrai être plus préçis please

Modifié 5 Mai 2007 par Dax

[Leonick]

faut supprimer aussi les th

En fait, il ne suffit pas de faire rechercher/remplacer pour transformer un tableau en div

voir http://www.css4design.com/blog/index.php/2...ml-table-vs-div

[Dax]

Merci