Dax Posté 5 Mai 2007 Posté 5 Mai 2007 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 Posté 5 Mai 2007 Posté 5 Mai 2007 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 Posté 5 Mai 2007 Auteur Posté 5 Mai 2007 (modifié) 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 Posté 5 Mai 2007 Posté 5 Mai 2007 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
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant