Problème avec les balises <div>
Fermé
playboy-1990
Messages postés
458
Date d'inscription
samedi 27 mars 2010
Statut
Membre
Dernière intervention
10 septembre 2016
-
13 janv. 2011 à 18:11
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 - 14 janv. 2011 à 15:24
xamurai Messages postés 223 Date d'inscription mardi 11 janvier 2011 Statut Membre Dernière intervention 19 février 2013 - 14 janv. 2011 à 15:24
A voir également:
- Problème avec les balises <div>
- Div c++ - Télécharger - Langages
- #Div/0 excel moyenne - Guide
- Css forcer retour à la ligne div - Forum CSS
- Div cote a cote - Forum CSS
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,117,108,105,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
5 réponses
telliak
Messages postés
3663
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
25 juin 2024
876
14 janv. 2011 à 12:17
14 janv. 2011 à 12:17
Re,
A supposer que tes images tiennent dans la largeur donnée (410px), si tu ne définis aucune propriété aux div diapo1 et diapo2, par défaut ceux-ci se placent l'un au-dessous de l'autre.
Tu peux consulter de la doc et un exemple de galerie à :
www.w3schools.com/css/tryit.asp?filename=trycss_float_elements
et une introduction au positionnement à :
www.alsacreations.com/...
A supposer que tes images tiennent dans la largeur donnée (410px), si tu ne définis aucune propriété aux div diapo1 et diapo2, par défaut ceux-ci se placent l'un au-dessous de l'autre.
Tu peux consulter de la doc et un exemple de galerie à :
www.w3schools.com/css/tryit.asp?filename=trycss_float_elements
et une introduction au positionnement à :
www.alsacreations.com/...
telliak
Messages postés
3663
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
25 juin 2024
876
13 janv. 2011 à 18:40
13 janv. 2011 à 18:40
Quelles sont les propriétés que tu mets dans tes div ? Donne un exemple, parce que là, le sujet est vaste.
playboy-1990
Messages postés
458
Date d'inscription
samedi 27 mars 2010
Statut
Membre
Dernière intervention
10 septembre 2016
273
Modifié par playboy-1990 le 13/01/2011 à 22:05
Modifié par playboy-1990 le 13/01/2011 à 22:05
Voici un exemple :
Et je voudrais que les deux blocs (diapo1 et diapo2 soient l'un à coté de l'autre
Merci
<style type="type/css"> .splashMainPic { position:relative; display:block; height:380px; width:410px; } </style> <script type="text/javascript"> $(document).ready(function() { $('#diapo1').cycle({ fx: 'fade' }); }); </script> <script type="text/javascript"> $("#diapo2").cycle({ fx: "fade", timeout: 300 }); </script> <div class="splashMainPic"> <div id="diapo1"> <img alt="" src="img1.png" /> <img alt="" src="img2.png" /> <img alt="" src="img3.png" /> </div><div id="diapo2"> <img alt="" src="2img1.png" /> <img alt="" src="2img2.png" /> <img alt="" src="2img3.png" /> </div></div>
Et je voudrais que les deux blocs (diapo1 et diapo2 soient l'un à coté de l'autre
Merci
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
14 janv. 2011 à 14:55
14 janv. 2011 à 14:55
Tu peux essayer avec un float:left; dans le CSS.
xamurai
Messages postés
223
Date d'inscription
mardi 11 janvier 2011
Statut
Membre
Dernière intervention
19 février 2013
15
Modifié par xamurai le 14/01/2011 à 15:25
Modifié par xamurai le 14/01/2011 à 15:25
utilise float
exemple :
dans ton css ou dans ton head
et dans ton body:
exemple :
dans ton css ou dans ton head
<style> .div1 { width : 400px; height: 100px; } .div2 { width : 200px; height: 100px; float: left; } .div3 { width : 200px; height: 100px; float : left; } </style>
et dans ton body:
<div class="div1"> <div class="div2"><img src="img1"></div> <div class="div3"><img src="img1"></div> </div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
84
14 janv. 2011 à 13:33
14 janv. 2011 à 13:33
Bonjour,
Essayes display:inline en css
Essayes display:inline en css
14 janv. 2011 à 13:44
https://openweb.eu.org/articles/initiation_float