28173 sujets

CSS et mise en forme, CSS3

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 !



  <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)
En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour,
Peut être Mikachu devrait il ajouter que mettre un lien sur la page en question aide bcp les autres pour t'aider.
Ce n'est pas facile de voir les failles d'une feuille de style sans en voir le rendu
Bon courage