Re!

j'ai déja parlé de mon site sur ce forum, pour un problème de css, mais me voila confronté à un autre problème: Sur mon site, firefox insiste pour décaler le menu vers la droite..

Le site: http://parfonium.free.fr/index/liens

( son CSS: http://parfonium.free.fr/_themes/current/global.css )

Le xhtml: (extrait)

	<div id="sidebar">

			<!-- Menu //-->
			<ul id="menu">
				<li><a href="http://parfonium.free.fr">Blog</a></li>

				<li id="active"><a href="#">Liens</a></li>


			</ul>

			<hr />

	</div>

le CSS: (extrait)

#sidebar
{
	float: left;

	width: 220px;
	padding-bottom: 4em;
}

#sidebar div
{
	padding-left: 10px;
	padding-top: 20px;
}



/* Menu
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/

	ul#menu
	{
		margin-left: 10px;
		margin-top: 10px;

		list-style-type: none;

		font-size: 14px;
		font-family: Verdana, Arial, sans-serif;
	}

	ul#menu li
	{
		/* espace entre deux items du menu */
		margin: 0 0 3px 0;
	}

	ul#menu a
	{
		display: block;

		padding: 2px 2px 2px 24px;
		border: 1px solid #333;

		width: 160px;
		overflow: hidden;

		color: #000;
		background-color: #ccc;
		background-image: url("images/menu_down.jpg");
	}

	ul#menu a:link
	{
		text-decoration: none;
	}

	ul#menu a:hover
	{
		border: 1px solid #333;
		background-image: url("images/menu_up.jpg");

		color: #000000;
		background-color: #03f;
	}

	ul#menu li#active a:link,
	ul#menu li#active a:visited,
	ul#menu li#active a:hover
	{
		border: 1px solid #333333;
		background-image: url("images/menu_up.jpg");

		color: #000000;
		background-color: #0033ff;
	}

Si quelqu'un pouvait m'éclairer... merci.

Je suis par ailleurs ouvert à toutes suggestions sur le reste du code; j'ai déja suivi vos conseils, et remplacé le "<div id=menu><ul>...." en "<ul id=menu>...", et les divs "titre" en h3... Il reste encore pas mal à faire :)

PS: c'est quand meme dur de faire du code valide et qui apparait correctement dans des browsers différents, chaqun avec son interpretation personnelle des directives du w3c... :( Ca me fait penser à l'exercice de programation qui consiste à faire un code source compilable dans le plus grand nombre de langages... ( http://aca-vnt.mcc.ac.uk/ScrapBook/polyglot.htm )

Modifié le 17 mai 200619 a par FiP_

Essayes ça :

padding:0;

Dans ul#menu {}

J'ai pas uploadé le changement, mais j'ai testé en local et ca à l'air de marcher!

Merci

(par contre, je sais pas comment j'ai fait pour rater ça -_-'' il me semblait avoir testé le padding:0; un peu partout pourtant! :) )

J'ai pas uploadé le changement, mais j'ai testé en local et ca à l'air de marcher!

Merci

(par contre, je sais pas comment j'ai fait pour rater ça -_-'' il me semblait avoir testé le padding:0; un peu partout pourtant! :) )

J'ai galéré avec ce truc la, mozilla fais des siennes, donc je sais à quoi m'en tenir maintenant