Problème DIV
Résolu
ciranox
Messages postés
387
Date d'inscription
Statut
Membre
Dernière intervention
-
kacem25 Messages postés 164 Date d'inscription Statut Membre Dernière intervention -
kacem25 Messages postés 164 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Quand j'insère mon diaporama dans ma <div id="droite"> ça me déforme complètement mon design. J'imagine bien que le problème se trouve au niveau des DIV ?
Voici mon code:
HTML: https://gist.github.com/anonymous/705405
Vous aurez aussi besoin du css ?
Merci d'avance.
A++
Quand j'insère mon diaporama dans ma <div id="droite"> ça me déforme complètement mon design. J'imagine bien que le problème se trouve au niveau des DIV ?
Voici mon code:
HTML: https://gist.github.com/anonymous/705405
Vous aurez aussi besoin du css ?
Merci d'avance.
A++
A voir également:
- Problème DIV
- Div c++ - Télécharger - Langages
- <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
- Div x - Télécharger - Conversion & Codecs
- Body d'un mailto ✓ - Forum HTML
3 réponses
Bonsoir,
On pourrait avoir un visuel de la page ? Je trouve que la demande n'est pas très claire ? Là ton diaporama n'est pas dans la balise de droit. Si tu veux que ton diaporama soit dans ta colonne voici le code Je pense que tu t'es un peu perdu dans l'ouverture et la fermeture des div
<!-- DIV droite -->
<div id="droite">
<!--MENU histoire & Ethnies -->
<p class="histoire">
<li><a href="Page/index/l'art_africain.html">L'art africain</a></li>
<li><a href="Page/index/masque_africain.html">Masque africain</a></li>
<li><a href="Page/index/statuettes_et_sculptures.html">Statuettes et sculptures</a></li>
<li><a href="Page/index/les_tissus_africains.html">Les tissus africains</a></li>
<li><a href="Page/index/voyage_chez_les_balubakats.html">Voyage chez les balubas</a><li></p>
<!--FIN MENU histoire & Ethnies -->
<!--DEBUT Diaporama -->
<div id="outer_container">
<div id="thumbScroller">
<div class="container">
<div class="content">
<a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb11.jpg" title="The path" alt="The path" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb10.jpg" title="A flower" alt="A flower" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb9.jpg" title="Dusk" alt="Dusk" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb8.jpg" title="A waterfall" alt="A waterfall" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb7.jpg" title="The canyon" alt="The canyon" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb6.jpg" title="The road" alt="The road" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb5.jpg" title="A forest" alt="A forest" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb4.jpg" title="A house" alt="A house" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb3.jpg" title="Paradise" alt="Paradise" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb2.jpg" title="Trees" alt="Trees" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb1.jpg" title="Plant leaves" alt="Plant leaves" class="thumb" /></a></div>
</div></div></div>
<!-- FIN diaporama -->
<br class="clearfloat" />
<div id="index_r7_c5">
<div id="colwrap5">
<a href="http://www.fia-net.com/aurevoir/aurevoir.html">
<img src="image/decoupe/fianet.jpg" id="fianet" alt="" /></a>
<div id="index_r8_c6"></div></div>
<div id="index_r7_c7"></div>
<br class="clearfloat" />
<img src="image/decoupe/repeat2.jpg" id="repeat2" alt="" />
<br class="clearfloat" /></div>
<div id="pied">
<!--FIN droite -->
</body>
</html>
On pourrait avoir un visuel de la page ? Je trouve que la demande n'est pas très claire ? Là ton diaporama n'est pas dans la balise de droit. Si tu veux que ton diaporama soit dans ta colonne voici le code Je pense que tu t'es un peu perdu dans l'ouverture et la fermeture des div
<!-- DIV droite -->
<div id="droite">
<!--MENU histoire & Ethnies -->
<p class="histoire">
<li><a href="Page/index/l'art_africain.html">L'art africain</a></li>
<li><a href="Page/index/masque_africain.html">Masque africain</a></li>
<li><a href="Page/index/statuettes_et_sculptures.html">Statuettes et sculptures</a></li>
<li><a href="Page/index/les_tissus_africains.html">Les tissus africains</a></li>
<li><a href="Page/index/voyage_chez_les_balubakats.html">Voyage chez les balubas</a><li></p>
<!--FIN MENU histoire & Ethnies -->
<!--DEBUT Diaporama -->
<div id="outer_container">
<div id="thumbScroller">
<div class="container">
<div class="content">
<a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb11.jpg" title="The path" alt="The path" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb10.jpg" title="A flower" alt="A flower" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb9.jpg" title="Dusk" alt="Dusk" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb8.jpg" title="A waterfall" alt="A waterfall" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb7.jpg" title="The canyon" alt="The canyon" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb6.jpg" title="The road" alt="The road" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb5.jpg" title="A forest" alt="A forest" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb4.jpg" title="A house" alt="A house" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb3.jpg" title="Paradise" alt="Paradise" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb2.jpg" title="Trees" alt="Trees" class="thumb" /></a></div></div>
<div class="content">
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/thumbs/thumb1.jpg" title="Plant leaves" alt="Plant leaves" class="thumb" /></a></div>
</div></div></div>
<!-- FIN diaporama -->
<br class="clearfloat" />
<div id="index_r7_c5">
<div id="colwrap5">
<a href="http://www.fia-net.com/aurevoir/aurevoir.html">
<img src="image/decoupe/fianet.jpg" id="fianet" alt="" /></a>
<div id="index_r8_c6"></div></div>
<div id="index_r7_c7"></div>
<br class="clearfloat" />
<img src="image/decoupe/repeat2.jpg" id="repeat2" alt="" />
<br class="clearfloat" /></div>
<div id="pied">
<!--FIN droite -->
</body>
</html>
Salut kacem25,
Je viens juste de réussir à résoudre mon problème. J'ai copier-coller le code du diaporama entre la <div id="index_r7_c7"></div> et la <br class="clearfloat" />. Puis j'ai fait des modifications dans mon code css. Apparemment tout marche bien pour l'instant avec Firefox et internet explorer 9.
Merci pour ton aide.
A++
Je viens juste de réussir à résoudre mon problème. J'ai copier-coller le code du diaporama entre la <div id="index_r7_c7"></div> et la <br class="clearfloat" />. Puis j'ai fait des modifications dans mon code css. Apparemment tout marche bien pour l'instant avec Firefox et internet explorer 9.
Merci pour ton aide.
A++
