Image reactive en css

Bonjour à tous,

Ce n'est pas la première fois que je viens sur Alsacreations.
Toutefois, aujourd'hui, j'ai testé un css du site qui m'a bcp plu et je viens vous en remercier.

Il se trouve à cette adresse pour ceux que cela pourrait intéresser:
http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

J'ai fait les modifications suivantes pour le rendre horizontal avec texte centré.
Votre avis m'intéresse, je suis un mega débutant...

Le code pour le menu horizontal:

 
ul#menu
		{
			float:left;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
		
		ul#menu li
		{
			margin: 0 0 5px 0 ;
			padding: 0 ;
			    float:left;
		}
		
		ul#menu li a
		{
			display: block ;
			width: 95px ;
			line-height: 50px ;
			color: #FFFFFF ;
			text-align: center;
			text-decoration: none ;
			background: url(doublebouton.gif) no-repeat 0 0 ;
			border: 0px solid #dbd ;
			    float:left;
    width:100px;
	font-size:10px; 
		}
 
		ul#menu li a:hover
		{
			background: url(doublebouton.gif) no-repeat 0 -50px ;
			border: 0px solid #f97 ;
		}

Super site et forum!

Modifié par idamarco (10 Dec 2008 - 22:19)

Hello idamarco et bienvenue ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait donc courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Petit moment d'inadvertance en effet!