Discussion :

[Deallyra]

si j'enlève le <br />, absolument rien ne se passe.
J'ai modiféi un peu mon code pour que selon IE ou MF j'ai le même résultat mais j'ai toujours les traits blancs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
	<div id = "banniere">
		<img src = "Image/ba_inferieure.gif" />
	</div>
	<div id = "banniere2">
		<img src = "Image/ba_calendrier.gif" />
		<img src = "Image/ba_catalogue.gif" />
	</div>

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#banniere
{
	float : left;
}
 
#banniere img
{
	margin: 0px;
	padding: 0px;
}

et css dans le body:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<!--[if IE]>
	<style type="text/css"> 
		#banniere2
	        {
		    float : left;
		}
	</style>
<![endif]-->

[Deallyra]

Personne ne connait la réponse?

[E.Bzz]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<!--[if IE]>
	<style type="text/css"> 
		#banniere2
	        {margin: 0px;
padding: 0px;
float : left;
		}
	</style>
<![endif]-->

[Deallyra]

ben sinon les deux images se retrouvent en dessous...

[E.Bzz]

Oui mais tu as mis les padding et margin à 0 sur la 1° image, mais pas sur les 2 autres (où y a le pb, justement) ...

[Deallyra]

j'ai rajouté

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#banniere, #banniere2 img
{
	margin: 0px;
	padding: 0px;
}

humpf... bricolage

Toujours est-il que ça ne marche pas...

[Nesmontou]

Salut, tu as essayé en utilisant des positions absolues pour tes images ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="banner">
  <img id="img1" src = "Image/ba_inferieure.gif" />
  <img id="img2" src = "Image/ba_calendrier.gif" />
  <img id="img3" src = "Image/ba_catalogue.gif" />
</div>

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#banner {
  height: 100px;
  position: relative;
  width: 200px;
}
 
#img1 {
  left: 0px;
  position: absolute;
  top: 0px;
}
 
#img2 {
  left: 50px;
  position: absolute;
  top: 50px;
}
 
#img3 {
  left: 60px;
  position: absolute;
  top: 70px;
}

Adaptes les tailles et positions

[Deallyra]

Ca marche!!! Merci beaucoup!

Lol, une ovation pour Nesmontou

[Candygirl]

Ou alors, plus simplement:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="banner">
	<img src = "Image/ba_inferieure.gif" class="floatLeft" />
	<img src = "Image/ba_calendrier.gif" />
	<img src = "Image/ba_catalogue.gif" />
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
#banner img {display:block;}
.floatLeft {float:left;}

Eit: à voir aussi si toutes les images ont leur raison d'être dans le html, auquel cas ne pas oublier de renseigner l'attribut alt.

[Deallyra]

C'est vrai que c'est plus simple.
Merci CandyGirl.

(c'est le grade au dessus pour le smiley )

[Deallyra]

J'ai supprimé les alt avant de poster.