Bonjour,
J'ai un peu de mal à finir une mise en page avec css d'un en tête. J'ai choisi la mise en page "flottante", donc qui s'adapte à la largeur de l'écran. Les éléments se positionnent bien, par contre j'aurai voulu que 2 éléments soient "extensibles".
J'ai essayé avec repeat:y. Ca ne marche pas: ça reste fixe à 10px.
Voici le code:
Merci d'avance pour votre aide !
Modifié par sacrelolo (30 Sep 2007 - 08:00)
J'ai un peu de mal à finir une mise en page avec css d'un en tête. J'ai choisi la mise en page "flottante", donc qui s'adapte à la largeur de l'écran. Les éléments se positionnent bien, par contre j'aurai voulu que 2 éléments soient "extensibles".
J'ai essayé avec repeat:y. Ca ne marche pas: ça reste fixe à 10px.
Voici le code:
Merci d'avance pour votre aide !
<STYLE>
/*----------------------mise en forme header----------------------------------*/
body{
padding: 0px;
background-color: #FFF;
font: 76% Verdana,Arial,sans-serif
}
}
.top {
width:100%;
border-style:none;
text-align:left;
padding:0 0 0 0;
margin-top:0px;
}
.haut {
position:absolute;
top:8px;
left:300px;
text-align:center;
}
.hgauche{
width:240px;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}
.degrade{
width:46px;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}
.extens{
width:10px;
repeat:yes;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}
.hmilieu {
width:473px;
height:99px;
background-image:url(../img/monardex-centre.jpg);
text-align:center;
border-style:none;
}
.extens2{
width:10px;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}
.hdroit {
background:#86c7ff;
height:99px;
text-align:left;
border-style:none;
}
/*--------------------fin mise en forme de header------------------------*/
</STYLE>
<table>
<tr>
<td class="hgauche">
1ere partie: doit rester fixe
</td>
<td class="degrade">
2eme partie: doit rester fixe
</td>
<td class="extens">
3eme partie: doit s'adapter à la largeur à hauteur de 10%
</td>
<td class="hmilieu">
4eme partie: doit rester fixe et au milieu de la page même si écran 22'
</td>
<td class="extens2">
5eme partie: extensible % à voir...
</td>
<td class="hdroit">
6eme partie: fixe et toujours à droite
</td>
</tr>
</table>
Modifié par sacrelolo (30 Sep 2007 - 08:00)