Cellule extenssibles
Résolu
hack_net
Messages postés
783
Date d'inscription
Statut
Membre
Dernière intervention
-
hack_net Messages postés 783 Date d'inscription Statut Membre Dernière intervention -
hack_net Messages postés 783 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerais savoir comment créer un tableau extensible. Je m'explique : J'ai crée un site (encore en bêta test), en tableau. En gros il y a l'image du haut, le menu horizontal, le menu de gauche, le corps, et la bande du bas. Seulement voila : Le corps est extensible ! Si j'écrit beaucoup dans le corps, il s'agrandit... mais pas le cellule ! Ce qui fait que je me retrouve avec un corps dépassant la bande du bas !!!
Comment faire en sorte que la cellule grandisse en même temps que le corps ??? J'ai essayé en %, mais ça ne marche pas...
Pour vous aider, voici le code source de la page :
Et celui du CSS :
HEEEEEEEEEEEEELP !
Merci d'avance pour vos réponsses...
J'aimerais savoir comment créer un tableau extensible. Je m'explique : J'ai crée un site (encore en bêta test), en tableau. En gros il y a l'image du haut, le menu horizontal, le menu de gauche, le corps, et la bande du bas. Seulement voila : Le corps est extensible ! Si j'écrit beaucoup dans le corps, il s'agrandit... mais pas le cellule ! Ce qui fait que je me retrouve avec un corps dépassant la bande du bas !!!
Comment faire en sorte que la cellule grandisse en même temps que le corps ??? J'ai essayé en %, mais ça ne marche pas...
Pour vous aider, voici le code source de la page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<?php include ('include/head.html'); ?>
<body>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr align="center">
<td colspan="2" rowspan="1" height="100"><div class="element_logo" id="logo"><br /><a href="/"><img src="images/entete.gif" height="70" width="807"></a></div></td>
</tr>
<tr align="center">
<td colspan="2" rowspan="1"><div id="menu_h"><?php include ('include/menu_h.html'); ?></div>
</td>
</tr>
<tr>
<td style="width: 20%;text-align: center;"><div class="element_menu_g" id="menu_g"><?php include ('include/menu_g.html'); ?></div>
</td>
<td style="width: 80%;">
<div id="corps">
<div id="titre_bloc" class="element_menu_g" ><bg>.: Titre de la page...</bg></div>
//Texte du corps...
//Blablablabla...
</div>
</td>
</tr>
<tr align="center">
<td colspan="2" rowspan="1"><div class="element_copyright" id="copyright">
<?php include ('include/bas.html'); ?>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Et celui du CSS :
/* Mises en page générales */
body{
height: auto;
width: auto;
background-image:url(images/back-body.jpg);
font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#logo{
font-size: 8px;
height: 100%;
width: 100%;
border: #000000;
background-color: black;
}
.element_logo a{
color: #000000;
}
.element_logo a:hover{
color: #000000;
}
#menu_h{
height: 27px;
width: 100%;
margin-top: 20px;
background-image: url(../images/font-menu_h.jpg);
background-repeat: -x;"
}
#menu_g{
float:left;
width: 195px;
margin-top: 10px;
background-color: #444444;
border: 1px solid #666666;
height:auto;
min-height: 100px;
margin-bottom: 10px;
}
#titre_bloc{
padding-top: 2px;
height: 25px;
background-image: url(images/fond-titre-cellules.png);
}
.element_menu_g bg{
color: #FF9900;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
}
#corps{
float: left;
top: 28%;
position: absolute;
width: 77.7%;
background: #333333;
border: 1px solid #666666;
height: auto;
}
#copyright{
position: absolute;
height: 100px;
width: 100%;
margin-top: 20px;
padding-top: 16px;
background-image: url(images/copyright.png);
background-repeat: repeat-x;
text-align: center;
color: #FFFFFF;
font-family: Arial;
}
a{
font-weight: bold;
color: #FFFFFF;
}
a:hover{
color: #FF9900;
}
img{
border: 0px;
}
HEEEEEEEEEEEEELP !
Merci d'avance pour vos réponsses...
A voir également:
- Cellule extenssibles
- Excel cellule couleur si condition texte - Guide
- Proteger cellule excel - Guide
- Aller à la ligne dans une cellule excel - Guide
- Excel cellule choix multiple - Guide
- Excel compter cellule couleur sans vba - Guide
3 réponses
salut
pour la structure principale, header, menu, contenu et footer, pourquoi tu mélanges les id et les tableaux.tu peux faire des tableaux à l'intérieur des div.si je vois bien les éléments du site sont à l'intérieur d'un tableau.je ne ferais pas comme çà, d'après tous les tutos que j'ai étudié.
pour la structure principale, header, menu, contenu et footer, pourquoi tu mélanges les id et les tableaux.tu peux faire des tableaux à l'intérieur des div.si je vois bien les éléments du site sont à l'intérieur d'un tableau.je ne ferais pas comme çà, d'après tous les tutos que j'ai étudié.
Merci beaucoup, mais premièrement je l'ai déjà entiéremnent lut, et secondement, il propose un design FIXE et non DYNAMIQUE !!!!
Merci quand même
Merci quand même
http://helpevent.free.fr/pulcino/
css
/***********************************************/
/* HTML tag styles */
/***********************************************/
body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
font-size: 80%;
}
#header{
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
background-color: #00CC00;
height: 60px;
}
/************* menu ***************/
#menu_gauche{
float: left;
width: 20%;
margin: 0px;
padding: 0px;
background-color: #99FF00;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.elementmenu{
padding-top: 0px;
margin: 0px;
text-align: left;
padding-bottom: 10px;
}
.elementmenu ul{
margin: 0px;
font-size: 12px;
padding-top: 20px;
line-height: 20px;
padding-bottom: 5px;
list-style-type: none;
padding-left: 5px;
}
/************* centre ***************/
#content{
float: left;
width: 70%;
}
#page_centre{
margin-left: 40px;
margin-top: 20px;
}
/************* footer ***************/
#footer{
clear: both;
font-size: 75%;
color: #cccccc;
padding: 10px 10px 10px 10px;
background-color: #00CC00;
}
#footer img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}
css
/***********************************************/
/* HTML tag styles */
/***********************************************/
body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
font-size: 80%;
}
#header{
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
background-color: #00CC00;
height: 60px;
}
/************* menu ***************/
#menu_gauche{
float: left;
width: 20%;
margin: 0px;
padding: 0px;
background-color: #99FF00;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.elementmenu{
padding-top: 0px;
margin: 0px;
text-align: left;
padding-bottom: 10px;
}
.elementmenu ul{
margin: 0px;
font-size: 12px;
padding-top: 20px;
line-height: 20px;
padding-bottom: 5px;
list-style-type: none;
padding-left: 5px;
}
/************* centre ***************/
#content{
float: left;
width: 70%;
}
#page_centre{
margin-left: 40px;
margin-top: 20px;
}
/************* footer ***************/
#footer{
clear: both;
font-size: 75%;
color: #cccccc;
padding: 10px 10px 10px 10px;
background-color: #00CC00;
}
#footer img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}
Voici head.html :
Voila :)