Forum d'entraide PHPFrance

Bonjour, j' ai un soucis avec mon menu qui prend comme dimension la taille de mon texte !
Or je ne veux plus cela, je veux que l'onglet soit de taille fixe !

voici l'exemple :

voici la CSS :

Code : Tout sélectionner

#menu{
		height:30px;
		list-style-type:none;
		position:absolute;
		left:211px;
		top:90px;
		line-height:normal;
		width: 650px;
	}
	#menu li{
		float:left;
		background:url("../images/right2.gif") no-repeat right top;
		margin:0;
		padding:0;
		margin:0px 2px 0px 1px;
	}
	#menu li a{
		font-size:1.1em;
		letter-spacing: 1.3px;
		font-weight:bold;
		height:30px;
		float:left;
		display:block;
		background-repeat:no-repeat;
		background:url("../images/left2.gif") no-repeat left top;
		padding:5px 15px;
		text-decoration:none;
		color:#FFFFFF;
	}
	#menu li:hover,#menu li.actif{
		background-image:url("../images/right1.gif");
	}
	#menu li:hover a,#menu li.actif a{
		background-image:url("../images/left1.gif");
	}

et le code HTML :

Code : Tout sélectionner

<ul id="menu">
		<li><a href="index.html">1</a></li>
		<li><a href="voir.html">2</a></li>
		<li><a href="faire.html">3</a></li>
		<li><a href="contacts.html">4</a></li>
		<li><a href="boire.html">5</a></li>
  </ul>

Je voudrais que les onglets, par exemple, aient la taille de l'image.
Merci

Il faut alors fixer les dimensions : pour #menu li a, modifie come suit : supprime le padding (complètement) et ensuite:

Code : Tout sélectionner

#menu li a {
// ..
      height:30px;
      width: 60px;
      line-height: 30px;
      text-align: center;
// ..
}

Ajuste le width à la largeur de ton image d'arrière-plan au besoin. Le line-height permet de centrer le texte verticalement.

ok, merci du coup de main ca fonctionne parfairement !

Je viens de découvrir un nouveau probleme : le changement de couleur ( ou plutot d'image ) ne passe pas sous IE !!

exemple à : http://www.polyclinique-saint-laurent.fr

qqn pourrait me dire pkoi et s'il existe solution ??
Merci bcp

Hum, hum, qqn pourrait me dire comment faire svp pour ce menu sous IE

Forum d'entraide PHPFrance

Menu qui se redimensionne automatiquement

Menu qui se redimensionne automatiquement