Discussion :

[brazza]

Bonsoir,

J'aurai besoin des vos lumières sur ce qui suit:
tout d'abord voici le le code CSS ainsi que le HTML

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
37
38
39
40
 
<style >
 ol.popular {
 	font-weight: bold;
	list-style-position: outside;
 	}
 
 ol.popular li span {
	display: block;
	}
 
 ol.popular li .clearfix {
	width:100%;
	font-weight: normal;
	margin-bottom:1em;
 	}
 
.floatleft { 
	float:left;
	margin-top:.5em;
	}
 
 #spacer {
 	clear: both;
	}
 
</style>
<ol start="1" class="popular">
<li>
<div class="clearfix">
<a href="http://www.zahbra.com/politique/archives/2005/08/burundi_linvest.php/p/05moaligff"><img src="http://www.zahbra.com/politique/images/050826111305.b.jpg" border="" alt="Burundi: l'investiture du président Nkurunziza met fin à la transition" title="Burundi: l'investiture du président Nkurunziza met fin à la transition" width="100" height="65" class="floatleft" hspace="8"></a>
<a href="#">content1</a>
<span class="blog">BUJUMBURA (AP) - Pierre Nkurunziza, 40 ans, ancien chef de la rébellion hutue burundaise, 
est devenu vendredi le deuxième président démocratiquement élu de l'histoire du pays, en s'engageant à agir pour le "bien de tous", 
après de longues années d'un conflit ethnique sanglant.
</span>
<span id="spacer">&nbsp;</span>
</div>
</li>
</ol>

Le problème est le les numéros s'affiche en bas à gauche uniquement sur IE. les autres browers (Opera, Firefox, Netscape) affichent le comportement normal.
Comment puis-je faire au regard de CSS fourni, afficher les numéros en haut et à gauche.

Merci d'avance

Cordialement,

[spirou]

Salut !

Oulah !
Il y a beaucoup de choses qui ne vont pas dans ton code.
Une balise div dans une liste !!! Je vois pas l'intérêt.
Ensuite tu ne mets qu'un seule fois la balise li, ce qui fait que ta liste ne contient en fait qu'un seul élément.

Je te conseille de regarder la mise en forme des listes à puces.

[brazza]

Merci pour ta réponse, au lieu de crier au loup il faudrait mieux identifier ce qui ne va pas dans le code.

1) Si la balise DIV est mise ds LI, c'est pour en influencer le résultat que je souhaite obtenir.

3) Je pense que un seul LI suffit à expliquer mon problème.

4) Si tu as une solution utilisant la balise LI pour afficher des grandes images et bien je prends.

J'ai fait différend tests d'affichage en utilisant la balise UL. Si je remplace la balise OL par UL, en gardant identique le code, j'obtient un alignement en block qui me convient.

Donc j'aimerai faire autant avec la balise OL.

Voila+