Menu qui se redimensionne automatiquement

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Menu qui se redimensionne automatiquement

par paillou » 23 janv. 2006, 10:28

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

par paillou » 20 janv. 2006, 18:25

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

par Cyrano » 20 janv. 2006, 16:36

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.

Menu qui se redimensionne automatiquement

par paillou » 20 janv. 2006, 15:44

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 : Image

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