DIV horizontales dans une DIV cadre servant de masque

DIV horizontales dans une DIV cadre servant de masque - HTML/CSS - Programmation

Marsh Posté le 30-06-2008 à 19:17:45    

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://www.jwhanif.net/
 
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!
Oups le code!

Code :
  1. <html>
  2. <head>
  3. <style>
  4. .stylecadre
  5. {
  6. position:absolute;
  7. width:400px;
  8. height:400px;
  9. overflow:hidden;
  10. background-color:#E0E0E0;
  11. }
  12. .styletexte
  13. {
  14. position:absolute;
  15. left:5px;
  16. top:0px;
  17. float:left;
  18. }
  19. .stylepage
  20. {
  21. position:relative;
  22. overflow:hidden;
  23. float:left;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="cadre" class=stylecadre>&nbsp;
  29. <div id="texte" class=styletexte>
  30. <div id="page1" class=stylepage>
  31. <p class=perso nowrap>
  32. Div avec son contenu1
  33. </p>
  34. </div>
  35. <div id="page2" class=stylepage>
  36. <p class=perso nowrap>
  37. Div avec son contenu2
  38. </p>
  39. </div>
  40. <div id="page3" class=stylepage>
  41. <p class=perso nowrap>
  42. Div avec son contenu3
  43. </p>
  44. </div>
  45. </div>
  46. </div>
  47. </body>
  48. </html>


 
Donc en fait le but est que les 3 DIVs soient alignées!


Message édité par ledzep2 le 30-06-2008 à 20:31:48
Reply

Marsh Posté le 30-06-2008 à 19:17:45   

Reply

Marsh Posté le 30-06-2008 à 20:10:49    

si tu pouvais donner le bon lien ...


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 30-06-2008 à 20:32:03    

ayé édité!

Reply

Marsh Posté le 30-06-2008 à 21:02:56    

ligne 8 :/


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 01-07-2008 à 00:01:06    

de quoi ligne 8?

Reply

Marsh Posté le 01-07-2008 à 00:09:13    

réfléchis un peu et essaies de comprendre :/


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 01-07-2008 à 11:22:01    

bah nan je vois pas...

Reply

Marsh Posté le 01-07-2008 à 15:41:16    

ben désolé alors jpeux rien pour toi [:spamafote]


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 01-07-2008 à 15:59:21    

Ouais et sinon des réponses constructives y en a qui en ont?

Reply

Marsh Posté le 01-07-2008 à 16:30:21    

ledzep2 a écrit :

Ouais et sinon des réponses constructives y en a qui en ont?


Etape 1: tu prends tout ton html, tu le jettes à la poubelle et tu commences par apprendre à formater correctement un document html ( balise, attribut, guillemet toussa ).
Etape 2: tu apprends comment se servir des CSS ou au moins ce que veut dire chacune des lignes présentes dans ton "truc"
Etape 3: tu constates que ta question actuelle ne mérite pas meilleure réponse que celle de mIRROR

 



Message édité par anapajari le 01-07-2008 à 16:30:58

---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 01-07-2008 à 16:30:21   

Reply

Marsh Posté le 01-07-2008 à 18:35:59    

Oulaaaaaaaa super, terrible, j'ai qu'à formater cool!

Reply

Marsh Posté le 01-07-2008 à 18:42:16    

c est pas ce qu il a dit
relis a voix haute avec le doigt


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 02-07-2008 à 10:01:08    

Attends paskia 3 balises div qui se suivent vous êtes perdus?
Putain j'hallucine! Le code y fait 25 lignes!

Reply

Marsh Posté le 02-07-2008 à 10:28:50    

qui a dit qu on etait perdus ?
ta reponse tu l as eue
TON DIV RETOURNE A LA LIGNE PARCE QUE400PX C EST TROP PETIT [:hurle]
 
t as compris la c est bon ?


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 02-07-2008 à 10:57:15    

c'est effectivement le 1er problème, mais j'avoue que des éléments floatants en position absolute c'est pas forcément ce que j'utiliserais...


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 02-07-2008 à 11:05:56    

syntax error j ai pas pu lire la suite [:cosmoschtroumpf]


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 04-07-2008 à 20:24:04    

mIRROR a écrit :

qui a dit qu on etait perdus ?
ta reponse tu l as eue
TON DIV RETOURNE A LA LIGNE PARCE QUE400PX C EST TROP PETIT [:hurle]
 
t as compris la c est bon ?


je me souviens de certaines questions Python/Pygame que tu avais posté sur bla²@prog auxquelles j'ai répondu et qui pourtant étaient plus que basiques aussi, et je t'avais donné la réponse de suite sans te faire poireauter ni te prendre de haut... donc un peu d'empathie, ça serait cool, merci.


---------------
J'ai un string dans l'array (Paris Hilton)
Reply

Marsh Posté le 04-07-2008 à 23:55:26    

de l empathie je veux bien mais quand je pose une question j ai toujours fait des recherches avant et ca me derange pas de galerer LONGTEMPS avant de demander de l aide
en l occurrence le lien qu il a modifié en debut de topic c etait un lien vers alsacreations...et qu il a meme pas su recopier convenablement [:mlc]
et je te rappelle qu avant que tu me donnes le code de ton mandelbrot j avais jamais touché une ligne de python/pygame :o


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed