Je ne parviens pas à arriver cette mise en page :
Je souhaite beneficier de vos aide
Merci beaucoup
Version complète: sur le forum Webmaster Hub : Mise en page... Plusieurs differents
Salut à tous,
Je ne parviens pas à arriver cette mise en page :
Je souhaite beneficier de vos aide
Merci beaucoup
Je ne parviens pas à arriver cette mise en page :
Je souhaite beneficier de vos aide
Merci beaucoup
Salut,
Pour pouvoir te répondre, il faudrait savoir si tu dimensionnes tes éléments en px, en % ou en em, et leurs dimensions respectives (le conteneur global de ton design y compris, selon s'il occupe 100% de la largeur de la page ou pas).
Pour pouvoir te répondre, il faudrait savoir si tu dimensionnes tes éléments en px, en % ou en em, et leurs dimensions respectives (le conteneur global de ton design y compris, selon s'il occupe 100% de la largeur de la page ou pas).
Je souhaite que le cadre soit de 1000px en largeur et extensible en hauteur 
Ensuite, je pourrai augmenter / reduire les autres largeurs à l'intérieur...
Ensuite, je pourrai augmenter / reduire les autres largeurs à l'intérieur...
Avec cet article (c'est une traduction), tu as déjà de bonnes bases pour ce que tu veux faire : Colonnes factices.
Bonsoir,
As-tu essayé ça : http://csscreator.com/tools/generate ?
Honnêtement, moi, pas encore, mais ça a l'air de faire ce que tu veux.
M
As-tu essayé ça : http://csscreator.com/tools/generate ?
Honnêtement, moi, pas encore, mais ça a l'air de faire ce que tu veux.
M
XHTML :
CSS :
A vu de nez en deux minutes.
CODE
<div id="header">
</div>
<div id="corps">
<div id="axe_gauche">
</div>
<div id="axe_centre">
</div>
<div id="axe_droit">
</div>
<div style="clear:both;"></div>
</div>
<div id ="footer">
</div>
</div>
<div id="corps">
<div id="axe_gauche">
</div>
<div id="axe_centre">
</div>
<div id="axe_droit">
</div>
<div style="clear:both;"></div>
</div>
<div id ="footer">
</div>
CSS :
CODE
#header
{
width : 1000px;
height : 100px;
margin:auto;
background : #000;
}
#corps
{
width : 1000px;
height : 500px;
margin:auto;
background : #fff;
}
#axe_gauche
{
width : 300px;
height : 500px;
float:left;
background : grey;
}
#axe_centre
{
width : 500px;
height : 500px;
margin-left : 300px;
position : absolute;
background : purple;
}
#axe_centre
{
width : 200px;
height : 500px;
float:right;
background : red;
}
#footer
{
width : 1000px;
height:50px;
margin : auto;
clear : both;
background : pink;
}
{
width : 1000px;
height : 100px;
margin:auto;
background : #000;
}
#corps
{
width : 1000px;
height : 500px;
margin:auto;
background : #fff;
}
#axe_gauche
{
width : 300px;
height : 500px;
float:left;
background : grey;
}
#axe_centre
{
width : 500px;
height : 500px;
margin-left : 300px;
position : absolute;
background : purple;
}
#axe_centre
{
width : 200px;
height : 500px;
float:right;
background : red;
}
#footer
{
width : 1000px;
height:50px;
margin : auto;
clear : both;
background : pink;
}
A vu de nez en deux minutes.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.