Problème d'images sur firefox 3
Résolu
teler
Messages postés
86
Date d'inscription
Statut
Membre
Dernière intervention
-
teler Messages postés 86 Date d'inscription Statut Membre Dernière intervention -
teler Messages postés 86 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voilà je suis débute en web, je cherche à faire un site simple en html! je rencontre un problème dans la construction de mon site, je dois inclure dans une div plein d'images faisant tous la meme taille alignées les une à coté des autres ! la div en largeur est capable d'accueillir toutes mes images! Cepandant elle les places les unes en dessous des autres quand c'est pas carrément sortie de ma div contenaire! Sur IE c'est nickel je sais que les deux navigateurs ne prennent pas les CSS de la meme manière! Que parfois faut remplacer margin par padding mais ça ne change rien!
Je vous donne mon code! et ma css ci dessous : J'espere que quelqun pourra m'aider! Merci
html:
<body>
<div class="contener">
<div class="titre">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="204" height="150">
<param name="movie" value="images/titre.swf" />
<param name="quality" value="high" />
<embed src="images/titre.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="204" height="150"></embed>
</object>
</div>
<div class="menu"><a href="" target="_blank">Travaux <strong>professionnels</strong></a>
<br />
<br />
<a href="" target="_blank">Projets <strong>personnels</strong></a><br />
<br />
<a href="" target="_blank">Mon <strong>parcours</strong></a><br />
<br /><br />
<br />
<br />
<br />
<br /><br />
<br />
<br />
<a href="" target="_blank">Me <strong>contacter</strong></a></div>
<div class="corps">
<div class="corps2">
<a href="images/bigpro1_1.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique ">
<img src="images/pro1.jpg" alt="" width="31" height="102" class="no_cadre"/></a>
<a href="images/bigpro1_2.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique "></a>
<a href="images/bigpro1_3.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique "></a>
<a href="images/bigpro1_4.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique "></a>
<a href="images/bigpro2.jpg" rel="lightbox[stand]" title="Stand parapluie/Kakémonos : ">
<img src="images/pro2.jpg" alt="" width="31" height="102" class="no_cadre"/></a>
<a href="images/bigpro3.jpg" rel="lightbox[point]" title="Annonce presse pour le Point"><img src="images/pro3.jpg" alt="" width="31" height="102" class="no_cadre"/></a><a href="images/bigpro4.jpg" rel="lightbox[echosup]" title="Annonce presse pour ">
<img src="images/pro4.jpg" alt="" width="31" height="102" class="no_cadre"/>
</a>
<a href="images/extra.jpg" rel="lightbox[buzz]" title="Affichage sauvage dans Toulouse pour le groupe de musique:" >
<img src="images/pro5.jpg" alt="" width="31" height="102" class="no_cadre"/> </a>
<a href="images/bigpro5_2.jpg" rel="lightbox[buzz]" > </a>
<a href="images/bigpro5_3.jpg" rel="lightbox[buzz]" > </a>
<a href="images/bigpro5_4.jpg" rel="lightbox[buzz]" > </a> </div>
</div>
</div>
</div>
et la css:
a {
color: black;
text-decoration: none;
}
a:link{
color:black;
}
a:visited{
color:#666666;
}
a:hover {
color:#666666;
}
.no_cadre{
border:none; }
.contener{
width:800px;
height:600px;
margin: auto;
background-color: #FFFFFF;}
.icone{width:31px; height:102px;}
.menu{width:160px;height:300px;float:left;border-right:solid;border-color: #999999; border:1px;padding-right:10px;margin-top:70px;padding-left:180px;}
.titre{height:150px;margin-top:20px; margin-left:20px;}
.corps{height:400px; width:400px; margin-left:50px; margin-bottom:30px;}
.corps2{height:300px;width:350px; margin-top:70px;}
Voilà je suis débute en web, je cherche à faire un site simple en html! je rencontre un problème dans la construction de mon site, je dois inclure dans une div plein d'images faisant tous la meme taille alignées les une à coté des autres ! la div en largeur est capable d'accueillir toutes mes images! Cepandant elle les places les unes en dessous des autres quand c'est pas carrément sortie de ma div contenaire! Sur IE c'est nickel je sais que les deux navigateurs ne prennent pas les CSS de la meme manière! Que parfois faut remplacer margin par padding mais ça ne change rien!
Je vous donne mon code! et ma css ci dessous : J'espere que quelqun pourra m'aider! Merci
html:
<body>
<div class="contener">
<div class="titre">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="204" height="150">
<param name="movie" value="images/titre.swf" />
<param name="quality" value="high" />
<embed src="images/titre.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="204" height="150"></embed>
</object>
</div>
<div class="menu"><a href="" target="_blank">Travaux <strong>professionnels</strong></a>
<br />
<br />
<a href="" target="_blank">Projets <strong>personnels</strong></a><br />
<br />
<a href="" target="_blank">Mon <strong>parcours</strong></a><br />
<br /><br />
<br />
<br />
<br />
<br /><br />
<br />
<br />
<a href="" target="_blank">Me <strong>contacter</strong></a></div>
<div class="corps">
<div class="corps2">
<a href="images/bigpro1_1.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique ">
<img src="images/pro1.jpg" alt="" width="31" height="102" class="no_cadre"/></a>
<a href="images/bigpro1_2.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique "></a>
<a href="images/bigpro1_3.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique "></a>
<a href="images/bigpro1_4.jpg" rel="lightbox[oeno]" title="Proposition logos Club Oenologique "></a>
<a href="images/bigpro2.jpg" rel="lightbox[stand]" title="Stand parapluie/Kakémonos : ">
<img src="images/pro2.jpg" alt="" width="31" height="102" class="no_cadre"/></a>
<a href="images/bigpro3.jpg" rel="lightbox[point]" title="Annonce presse pour le Point"><img src="images/pro3.jpg" alt="" width="31" height="102" class="no_cadre"/></a><a href="images/bigpro4.jpg" rel="lightbox[echosup]" title="Annonce presse pour ">
<img src="images/pro4.jpg" alt="" width="31" height="102" class="no_cadre"/>
</a>
<a href="images/extra.jpg" rel="lightbox[buzz]" title="Affichage sauvage dans Toulouse pour le groupe de musique:" >
<img src="images/pro5.jpg" alt="" width="31" height="102" class="no_cadre"/> </a>
<a href="images/bigpro5_2.jpg" rel="lightbox[buzz]" > </a>
<a href="images/bigpro5_3.jpg" rel="lightbox[buzz]" > </a>
<a href="images/bigpro5_4.jpg" rel="lightbox[buzz]" > </a> </div>
</div>
</div>
</div>
et la css:
a {
color: black;
text-decoration: none;
}
a:link{
color:black;
}
a:visited{
color:#666666;
}
a:hover {
color:#666666;
}
.no_cadre{
border:none; }
.contener{
width:800px;
height:600px;
margin: auto;
background-color: #FFFFFF;}
.icone{width:31px; height:102px;}
.menu{width:160px;height:300px;float:left;border-right:solid;border-color: #999999; border:1px;padding-right:10px;margin-top:70px;padding-left:180px;}
.titre{height:150px;margin-top:20px; margin-left:20px;}
.corps{height:400px; width:400px; margin-left:50px; margin-bottom:30px;}
.corps2{height:300px;width:350px; margin-top:70px;}
A voir également:
- Problème d'images sur firefox 3
- Ai suite 3 - Télécharger - Optimisation
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Picasa 3 - Télécharger - Albums photo
- Des images - Guide
6 réponses
exacte il y avait balise div en trop mais ça ne résoud pas mon problème! j'ai cependant mis des float left à mes class corps corps2 et menu du coup ça mache sur firefox mais pu sur ie...
Je ne comprends pas pourquoi corps et corps2 devraient etre rassemblées?
Je ne comprends pas pourquoi corps et corps2 devraient etre rassemblées?
corps et corps sont imbriquées avec rien entre : aucune utilité :)
essaie de mettre float:left a ta classe no_cadre
essaie de mettre float:left a ta classe no_cadre
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Deuxiemement, les div "corps" et "corps2" devraient être rassemblées en un seul :)
Apres ces modification, vérifie que ca n'a rien changé sous IE puis dis-moi si tes images sont toujours les une au dessus des autres ..