Sujet Précédent Sujet Suivant

Problème d'images sur firefox 3

Résolu/Fermé
teler Messages postés 86 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 9 mars 2010 - 11 juil. 2008 à 12:20
teler Messages postés 86 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 9 mars 2010 - 11 juil. 2008 à 15:43
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;}
A voir également:

6 réponses

Réponse 1 / 6
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
11 juil. 2008 à 12:32
Tu heberge ta page sur Internet en ce moment ? Si oui, donne nous l'URL :)
0
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
11 juil. 2008 à 14:48
Premierement, si ton code est complet, il y a un "</div>" en trop à la fin :p

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 ..
0
Réponse 2 / 6
teler Messages postés 86 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 9 mars 2010 5
11 juil. 2008 à 14:30
nan elle n'est pas hebergé sur le net pour le moment...
0
Réponse 3 / 6
teler Messages postés 86 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 9 mars 2010 5
11 juil. 2008 à 15:03
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?
0
Réponse 4 / 6
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
11 juil. 2008 à 15:08
corps et corps sont imbriquées avec rien entre : aucune utilité :)

essaie de mettre float:left a ta classe no_cadre
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
teler Messages postés 86 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 9 mars 2010 5
11 juil. 2008 à 15:12
oui exacte! lol j'ai compris just apres t'avoir envoyer le dernier message! bref j'ai fusionné et ça marche!


merci!
0
Alkaaran Messages postés 285 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
11 juil. 2008 à 15:23
Si ca marche sur les deux navigateurs alors n'oublie pas l'option "Résolu" de CommentCaMarche :)
0
Réponse 6 / 6
teler Messages postés 86 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 9 mars 2010 5
11 juil. 2008 à 15:43
et voilà!!!
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Que signifie cet emoji :3
Moi -
AssassinTourist -

2 réponses
Signification de " :3 "
blanchecanelle -
Pistounette -

5 réponses