Rechercher : dans
Par :

Comment faire deux colonnes sur ma page

Dernière réponse le 30 jui 2007 à 18:42:22 le_gemaux, le 29 jui 2007 à 23:37:36 
 Signaler ce message aux modérateurs

Bonsoir
j'aimerais savoir comment je pourrais insérer deux colonnes dans le corp de ma page en dessous de la bannière, je m'explique:
-la bannière en haut qui occupe 100% de la largeur
-ensuite en dessous y aura le menu (horizontal)
-*dans le corps j'aimerais faire deux colonnes, celle de gauche plus petite contiendra un autre menu (news letter, petit sondage, quelques liens, ....) celle de droite au centre aura du contenu (du texte et des images)

merci !!

voici mon code source:(je n'ai pas encore nettoyé le code..)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>titre</title>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css.css" media="screen" title="Normal">
</head>
<body bgcolor="#d6e1ec" leftMargin=0 topMargin=0 MARGINHEIGHT="0" MARGINWIDTH="0" >
<!--début des éléments de la page /logo + menu -->
<tr>
<td>
<table cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#FFFFFF border=0>
<tbody>
<tr>
<td width="130px" height="120px">
<DIV align="left"> </DIV> </td>
<td width="auto">
<DIV align="center"> </DIV>
</td>
<td width="130px"><DIV align="right"> </DIV></td>

</tr>
<tr>
<td height="23px" colspan="3" background="/menu_barre.gif" >

emplacement du menu horizontal</td>
</tr>

<tr>
<td height=22px background="/double.gif" class="smallText2" colspan="4">
<font color="#000000">  
Bienvenue > accueil</font></td>
</tr>
</tbody>
</table>

<br>
</td>
</tr>
je veux mettre ici deux colonnes<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#FFFFFF border=0>
<tbody>
<tr>
<div>
<td width="100%" background="menubar.gif" height=21>
<p align="center">
<span class="smallText"><font color="#000000">Copyright ©
blabla 2006-2007</font></font></span></td></div>
</tr>
</tbody>
</table>
</body>
</html>

Configuration: Windows XP
Firefox 2.0.0.5

Meilleures réponses pour « comment faire deux colonnes sur ma page » dans :
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Webmastering - Les langages du web VoirIntroduction au web Le terme « web » désigne le service internet permettant de naviguer à travers des pages web. Le protocole utilisé pour ce type de communication est le protocole HTTP (HyperText Transfer Protocol), ce qui explique le fait que...

1

zefoots, le 29 jui 2007 à 23:48:51

Salut,

Rien ne t'empêche d'imbriquer un tableau dans un autre tableau. Mais je te conseille de nettoyer ton code avant. Il y a beaucoup de fautes (balises <tr> et <td> alors que la balise <table>n'est pas ouverte, etc.) et ces fautes vont induire des erreurs d'affichage si bien que tes tests seront faussés.

En plus, si ton code est à peu près propre, c'est plus sympa pour ceux qui te lisent et qui essayent de t'aider quand tu pose une question sur le forum ;-)

Répondre à zefoots

2

le_gemaux, le 30 jui 2007 à 00:05:50

Justement je suis novice, je suis conscient que mon code n'est pas propre , déjà tantôt y a des majuscules et des minuscules.. dreamweaver me les a signalé lors de la validation, mais pas à propos des tr et td ..
Je me suis basé dans la structure sur d'autres sites, j'y arive peu à peu mais pas sans peines.. ih ih

donc tu veux dire que je dois avant ouvrir deux balises <table> et </table> et mettre les <tr> et les <td> dedans ?
merci pour ton aide

Répondre à le_gemaux

3

zefoots, le 30 jui 2007 à 00:16:12

Oui, <tr> et <td> doivent être utilisés à l'intérieur d'une balise <table>

Voici un petit tutoriel sur le fonctionnement de la balise <table> :

http://cyberzoide.developpez.com/html/table.php3

Répondre à zefoots

4

Ssylvainsab, le 30 jui 2007 à 00:59:18

Pour faire deux colonnes, tu devrais plutôt utiliser deux divs et un peu de CSS, avec les float. Sylvain

Répondre à Ssylvainsab

5

zefoots, le 30 jui 2007 à 02:05:49

Oui mais ça demande plus de connaissances ...

Répondre à zefoots

6

Ssylvainsab, le 30 jui 2007 à 12:49:28

Oui mais c'est plus propre, plus facile à entretenir, plus simple à tenir une fois qu'on connait, plus simple à changer, etc.
Et c'est pas si dur que ça. Sylvain

Répondre à Ssylvainsab

7

 zefoots, le 30 jui 2007 à 18:42:22

Question de point de vue (que je ne partage pas ...)

Répondre à zefoots
Collection CommentÇaMarche.net