display et firefox

Version imprimable

display et firefox

Bonsoir,
j'ai un petit soucis .J'essai lamentablement d'alligner 4 blocs span.
J'ai utilisé l'instruction display mais ça fonctionne bien sous IE (oh miracle quelquechose qui fonctionne sous ie) mais sous ff mais ligne est plutot vertical.
vala mon css:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
.annu1 { border: 1pt dashed rgb(204, 204, 204);
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: rgb(224, 179, 0);
    width: 150px;
    height: 80px;
    text-align: center;
	display:inline;
    }

et pour la page en elle meme je vous file le code source du browser car c'est une page php:

Code:

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
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center><div class="conteneur"><p>
	<span class='annu1' valign='top'>
<p><a href='index2.php?cat=cat1' class='cat'><h1>cat1</h1></a><br />
<a href='index2.php?souscat=souscat1' class='souscat'>souscat1</a>
, <a href='index2.php?souscat=souscat2' class='souscat'>souscat2</a>
, ...</p></span>
<span class='annu2' valign='top'>
<p><a href='index2.php?cat=cat2' class='cat'><h1>cat2</h1></a><br />
<a href='index2.php?souscat=souscat3' class='souscat'>souscat3</a>
, <a href='index2.php?souscat=souscat4' class='souscat'>souscat4</a>
, ...</p></span>
<span class='annu3' valign='top'>
<p><a href='index2.php?cat=cat3' class='cat'><h1>cat3</h1></a><br />
<a href='index2.php?souscat=souscat5' class='souscat'>souscat5</a>
, <a href='index2.php?souscat=souscat6' class='souscat'>souscat6</a>
, ...</p></span>
<span class='annu4' valign='top'>
<p><a href='index2.php?cat=cat4' class='cat'><h1>cat4</h1></a>
<a href='index2.php?souscat=souscat7' class='souscat'>souscat7</a>
, <a href='index2.php?souscat=souscat8' class='souscat'>souscat8</a>
, ...</p></span>
 
</p></div></center>
</body>

Donc si vous avez une idée je suis preneur car la blaire.:oops:
Merci d'avance a+

17/03/2007, 10h00
Bisûnûrs

La sémantique de ton code est erronée, tu as des balises de type block (h1) dans des balises de type inline (span, a, ..).

Je pense que tu dois revoir toute la structure de ton code, il y a certainement moyen d'arranger tout ton charabia en code correct et et de l'épurer fortement.
17/03/2007, 11h09
shelko

Bisûnûrs j'ai revu mon code en suivant tes conseils mais ça n'arrange rien .
J'ai viré les balises h1 et les limites de paragraphe dans mes span et ff me fait n'importe quoi il tiens meme plus compte des longeurs et largeurs de span.
Donc si t'as une idée je suis preneur.:?
17/03/2007, 12h21
Candygirl

Citation:

Envoyé par shelko

ff me fait n'importe quoi il tiens meme plus compte des longeurs et largeurs de span.

Ce n'est pas FF qui fait n'importe quoi, mais IE ;) Il ne sert à rien de spécifier les propriétés height et width à des éléments inline comme des span puisque ces propriétés ne s'y appliquent pas. Si tu veux spécifier les dimensions de ton span alors tu dois remplacer son type, par exemple par un display:block.

Après tu peux utiliser la propriété float pour mettre des block côtes à côtes.
17/03/2007, 12h41
shelko

merci candygirl je vais tester tous ça:yaisse2: