Problème avec les balises <div>
playboy-1990
Messages postés
458
Date d'inscription
Statut
Membre
Dernière intervention
-
xamurai Messages postés 223 Date d'inscription Statut Membre Dernière intervention -
xamurai Messages postés 223 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un problème avec les balises <div>
Je voudrais savoir comment je peux mettre des images dans deux blocs <div> sans faire de retour à la ligne
Car chez moi chaque bloc <div> fait automatiquement un retour à la ligne similaire à la balise <br />
Merci
J'ai un problème avec les balises <div>
Je voudrais savoir comment je peux mettre des images dans deux blocs <div> sans faire de retour à la ligne
Car chez moi chaque bloc <div> fait automatiquement un retour à la ligne similaire à la balise <br />
Merci
A voir également:
- Problème avec les balises <div>
- Div c++ - Télécharger - Langages
- Nouvelles balises html5 - Forum HTML
- <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,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
- Body d'un mailto ✓ - Forum HTML
5 réponses
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/...
Quelles sont les propriétés que tu mets dans tes div ? Donne un exemple, parce que là, le sujet est vaste.
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
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
https://openweb.eu.org/articles/initiation_float