Discussion :

[MikeV]

Bonjour,
J'essai de placer une image à gauche avec du texte à droite de l'image et une liste <ul> Tout fonctionne bien avec FF3. Cependant, j'ai un problème avec IE7 qui vient placer ma liste automatiquement sous mon image de droite (mais aligné verticalement avec mon texte de gauche) et cela créer un gros espace vide entre mon texte et ma liste <ul>

Exemple du résultat souhaité:

[mon image] Mon texte bla bla bla bla
[mon image] * Maliste article 1
[mon image] * Maliste article 2
[mon image] * Maliste article 3 etc..

Et ce que ca me donne présentement:

[mon image] Mon texte bla bla bla bla
[mon image]
[mon image]
[mon image]
................* Maliste article 1
................* Maliste article 2
................* Maliste article 3 etc..

Voici mon code HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<p class="experiences"><a href="http://www.sportetudiant.com">
<img src="images/site_sportetudiant.gif" alt="www.sportetudiant.com" width="75" height="75" class="icone_web" />
</a>
		<span class="entreprise">F&eacute;d&eacute;ration qu&eacute;b&eacute;coise du sport &eacute;tudiant — mai 2004 &agrave; nov. 2005 </span><br />
		<span class="titre">WEBMESTRE ET INFOGRAPHISTE</span>
		<span><ul>
		<li>Cr&eacute;ation d&rsquo;affiches et de publications</li>
		<li>Gestion du site web</li>
		<li>Implantation d&rsquo;un nouveau site Web</li>
		<li>Supervision d&rsquo;une stagiaire en multim&eacute;dia</li>
		<li>Formation aux employ&eacute;s</li></ul></span></p>

et mon 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
24
25
26
27
28
29
30
31
32
33
34
35
36
 
h3{
	color:#666666;
	font-size:14px;
	margin: 30px 0 10px 0; padding: 0;
	border-bottom: 1px solid #CCCCCC;
}
.entreprise{
	font-size:12px;
	color:#336699;
	font-weight:bold;
	padding-left:10px;
}
.experiences{
margin-top:30px;
margin-bottom:50px;
}
.titre{
color:#12A702;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
padding-left:10px;
}
ul{
margin-top:0px;
margin-left: 100px;
list-style-type:circle;
padding:0 0 0 10px;
}
li{
line-height:8px;
margin-left:10px;
padding:0 0 0 10px;
margin:6px 6px 6px 0;
}

quelqu'un peu m'aider ?

[MikeV]

C'est con...désolé
mais j'avais oublier ceci dans mon css:

Code :

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

margin-bottom:50px;