Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1336 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  DIV horizontales dans une DIV cadre servant de masque

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

DIV horizontales dans une DIV cadre servant de masque

n°1753642
ledzep2
Posté le 30-06-2008 à 19:17:45  profilanswer
 

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>
  5. .stylecadre
  6. {
  7. position:absolute;
  8. width:400px;
  9. height:400px;
  10. overflow:hidden;
  11. background-color:#E0E0E0;
  12. }
  15. .styletexte
  16. {
  17. position:absolute;
  18. left:5px;
  19. top:0px;
  20. float:left;
  21. }
  24. .stylepage
  25. {
  26. position:relative;
  27. overflow:hidden;
  28. float:left;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="cadre" class=stylecadre>&nbsp;
  34. <div id="texte" class=styletexte>
  35. <div id="page1" class=stylepage>
  36. <p class=perso nowrap>
  37. Div avec son contenu1
  38. </p>
  39. </div>
  40. <div id="page2" class=stylepage>
  41. <p class=perso nowrap>
  42. Div avec son contenu2
  43. </p>
  44. </div>
  45. <div id="page3" class=stylepage>
  46. <p class=perso nowrap>
  47. Div avec son contenu3
  48. </p>
  49. </div>
  50. </div>
  51. </div>
  52. </body>
  54. </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
mood
Publicité
Posté le 30-06-2008 à 19:17:45  profilanswer
 

n°1753651
mIRROR
Chevreuillobolchévik
Posté le 30-06-2008 à 20:10:49  profilanswer
 

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
n°1753659
ledzep2
Posté le 30-06-2008 à 20:32:03  profilanswer
 

ayé édité!

n°1753673
mIRROR
Chevreuillobolchévik
Posté le 30-06-2008 à 21:02:56  profilanswer
 

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
n°1753768
ledzep2
Posté le 01-07-2008 à 00:01:06  profilanswer
 

de quoi ligne 8?

n°1753774
mIRROR
Chevreuillobolchévik
Posté le 01-07-2008 à 00:09:13  profilanswer
 

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
n°1753900
ledzep2
Posté le 01-07-2008 à 11:22:01  profilanswer
 

bah nan je vois pas...

n°1754031
mIRROR
Chevreuillobolchévik
Posté le 01-07-2008 à 15:41:16  profilanswer
 

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
n°1754049
ledzep2
Posté le 01-07-2008 à 15:59:21  profilanswer
 

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

Message cité 1 fois
n°1754082
anapajari
s/travail/glanding on hfr/gs;
Posté le 01-07-2008 à 16:30:21  profilanswer
 

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.
mood
Publicité
Posté le 01-07-2008 à 16:30:21  profilanswer
 

n°1754193
ledzep2
Posté le 01-07-2008 à 18:35:59  profilanswer
 

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

n°1754194
mIRROR
Chevreuillobolchévik
Posté le 01-07-2008 à 18:42:16  profilanswer
 

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
n°1754411
ledzep2
Posté le 02-07-2008 à 10:01:08  profilanswer
 

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

n°1754432
mIRROR
Chevreuillobolchévik
Posté le 02-07-2008 à 10:28:50  profilanswer
 

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 ?

Message cité 1 fois

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1754455
anapajari
s/travail/glanding on hfr/gs;
Posté le 02-07-2008 à 10:57:15  profilanswer
 

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.
n°1754462
mIRROR
Chevreuillobolchévik
Posté le 02-07-2008 à 11:05:56  profilanswer
 

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
n°1755692
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 04-07-2008 à 20:24:04  profilanswer
 

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)
n°1755762
mIRROR
Chevreuillobolchévik
Posté le 04-07-2008 à 23:55:26  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  DIV horizontales dans une DIV cadre servant de masque

 

Sujets relatifs
Div et CSS.... : Problèmes de longueursdebordement sur un DIV
Redimensionnement cadre automatiqueProblème de position de <DIV>
masque de saisie js avec boucle phpCréer un cadre de saisie avec SDL ou autre ?
[résolu] frames / elements dans un cadreAppliquer un pixmap masque sur un GTK_IMAGE
PB de Div entre Firefox et IECommande php lors d'un clique
Plus de sujets relatifs à : DIV horizontales dans une DIV cadre servant de masque

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.078 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR