28172 sujets

CSS et mise en forme, CSS3

DIV horizontales dans une DIV cadre servant de masque

Bonjour à tous!

Je souhaite développer une navigation particulière sur mon site.
J'aimerais avoir une DIV cadre dans lequel défile mes différentes pages du sites de manière horizontales.
Voilà ce que ça donnerait :
http://forum.alsacreations.com/posting.php?action=newt&fid=5

Quand vous cliquez sur 1,2,3,4, vous verrez le défilement.
Mon premier problème est que quand je mets mes divs dans une DIV cadre celle-ci ne s'aligne pas horizontalement mais reviennent à la ligne à l'intérieur du cadre.
J'ai trouvé une fonction javascript pour effectuer le défilement il ne me reste qu'à trouver comment aligner les DIVs.

Merci!
Bonjour,

Un bout de code ou mieux, une page en ligne démontrant ton problème, serait utile pour pouvoir t'aider efficacement… Smiley cligne
Benjamin D.C. a écrit :
Bonjour,

Un bout de code ou mieux, une page en ligne démontrant ton problème, serait utile pour pouvoir t'aider efficacement… Smiley cligne


Trés juste!
<html>
<head>
<style>

.stylecadre
{
position:absolute;
width:400px;
height:400px;
overflow:hidden;
background-color:#E0E0E0;
}

.styletexte
{
position:absolute;
left:5px;
top:0px;
float:left;
}

.stylepage
{
position:relative;
overflow:hidden;
float:left;
}


</style>

</head>
<body>

<div id="cadre" class=stylecadre>&nbsp;
<div id="texte" class=styletexte>
<div id="page1" class=stylepage>
<p class=perso nowrap>
Div avec son contenu1
</p>
</div>
<div id="page2" class=stylepage>
<p class=perso nowrap>
Div avec son contenu2
</p>
</div>
<div id="page3" class=stylepage>
<p class=perso nowrap>
Div avec son contenu3
</p>
</div>
</div>
</div>

</body>
</html>

Donc en fait le but est que les 3 DIVs soient alignées!
Merci pour votre aide!
Sujet clos
Aller à