Discussion :

[titoumimi]

Bonjour à tous. Voilà, j'ai développé mon site Pour firefox, je suis valide CSS et HTML 4.01 transitional, mais en passant sous IE, mes menus deviennent tout laid (espacement entre les HR et le reste non respectés)

Voici 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
 
<td width="180" align="center" valign="top">
<hr class="menu">
<p align="left"><a href="index.php?id_p=2" class="menu">Pr&eacute;sentation de la soci&eacute;t&eacute;</a></p>
<hr class="menu">
<p align="left"><a href="index.php?id_p=3" class="menu">Nos activit&eacute;s</a></p>
<hr class="menu">
<p align="left"><a href="index.php?id_p=5" class="menu">News </a></p>
<hr class="menu">
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<hr class="menu">
<p align="left"><a href="index.php?id_p=4" class="menu">Demande de documentation</a></p>
<hr class="menu">
<p align="left">&nbsp;</p>
</td>

Et le CSS correspondant :

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
 
hr.menu {
	margin-left:0px;
	margin-bottom:1em;
	margin-top:1em;
	margin-right:50px;
	width:130px;
	}
a.menu, a.menu:visited {
	font-size: 11px;
	color:#000000;
	background-color:inherit;
	text-decoration: none;
	padding-left: 0;
	margin-left: 0;
	line-height: 0px;
	font-family: "Comic Sans MS", Arial, Geneva, Helvetica, sans-serif;
	}
a.menu:hover, a.menu:active {
	color: #0099FF;
	background-color:inherit;
	}

Si vous souhaitez effectuer le test, voici l'adresse : http://www.ect-industries.fr/dev/
login : test
pass : protect

J'espère que l'un d'entre vous pourra me sortir de ce pétrin :o) Merci d'avance à tous.

[franculo_caoulene]

Salut,

1) il faudrait mettre les padding et margin de tes <p> à 0
2) tu devrais utiliser <ul><li> pour le menu car c'est uen lsite de liens.
Si ça peut t'aider : http://bb.public.free.fr/css/menu.html

[titoumimi]

Merci beaucoup, en modifiant mon CSS pour mon P, ca a marché :-)
ce n'est pas encore pile poil identique, mais je doute y arriver

Par contre, j'ai essayé les listes, ca m'a fichu un tel bazar dans ma page que je ne vais pas les utiliser

Mais je garde ton lien en stock histoire de le décortiquer un peu...

Merci encore