Comment faire deux colonnes sur ma page
le_gemaux
Messages postés
7
Statut
Membre
-
caizinho -
caizinho -
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>
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>
A voir également:
- Comment faire deux colonnes sur ma page
- Comment faire deux colonnes sur word - Guide
- Comment supprimer une page sur word - Guide
- Inverser deux colonnes excel - Guide
- Classer par ordre alphabétique excel plusieurs colonnes - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
6 réponses
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 ;-)
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 ;-)
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
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
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> :
https://cyberzoide.developpez.com/html/table.php3
Voici un petit tutoriel sur le fonctionnement de la balise <table> :
https://cyberzoide.developpez.com/html/table.php3
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question