display et firefox

**shelko** · 17/03/2007, 00h06

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 :

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

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 :

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
 
<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.

Merci d'avance a+

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

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.

**shelko** · 17/03/2007, 11h09

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.

**Candygirl** · 17/03/2007, 12h21

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.

**shelko** · 17/03/2007, 12h41

merci candygirl je vais tester tous ça

display et firefox

CSS

Vue hybride

Discussions similaires

Partager

Partager