18041 sujets

Questions générales et questions de débutants

Images des liens d'un menu pas complètes

Salut à tous,
Voilà je commence en CSS et je souhaite réaliser un menu horizontal sous ma bannière mais les images que je dispose sous chaque lien du menu ne s'affiche pas complètement Smiley decu
peut-être quelqu'un aura une idée ? Smiley cligne
Voici le code html :

...
	<link href="css_mon_potager.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div id="entete">
		<h1><a href="homepage.html">SITENAME</a></h1>
	</div>
	<div id="page">
		<ul id="sous-menu">
			<li><a href="lien1.html">Lien 1</a></li>
			<li><a href="lien2.html">Lien 2</a></li>
			<li><a href="lien3.html">Lien 3</a></li>
			<li><a href="lien4.html">Lien 4</a></li>
			<li><a href="lien5.html">Lien 5</a></li>
		</ul>
		<div id="contenu">
			Contenu de la page web
		</div>
	</div>
  </body>
...

Et le code CSS : 

...
#sous-menu {
  width: 198px; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  margin-bottom: 10px;
 }

#sous-menu a {
  display: inline; 
  height: 30px; 
  line-height: 30px; 
  background: url('lien1.png'); 
  text-align: center; 
  text-decoration: none;
  color: #000000; 
  margin: 3px 0; 
}

#sous-menu a:hover,
#sous-menu a:focus, 
#sous-menu a:active 
{
  color: #000000; 
  background: url('lien_2.png'); 
}
...


Merci pour votre aide.

Fred.
Modifié par fred480 (16 Jun 2009 - 14:52)
Elles ne s'affichent pas complètement, c'est à dire qu'elles sont coupées (à droite) ?

Alors c'est probablement qu'elles sont trop grandes par rapport à la taille qu'occupent tes liens.
Hello,


#sous-menu {
[#red][b]  width: 198px; [/b][/#]  
  list-style: none; 
  margin: 0; 
  padding: 0; 
  margin-bottom: 10px;
 }

Are you sure ?
Un petit tour dans la section Apprendre ? Smiley cligne

Cdt,
Sylvain
6l20 a écrit :
Hello,


#sous-menu {
[#red][b]  width: 198px; [/b][/#]  
  list-style: none; 
  margin: 0; 
  padding: 0; 
  margin-bottom: 10px;
 }

Are you sure ?
Un petit tour dans la section Apprendre ? Smiley cligne

Cdt,
Sylvain


ben si je dispose le menu en vertical c'est bon donc la taille de l'image visiblement correcte.
SynRJ a écrit :
Elles ne s'affichent pas complètement, c'est à dire qu'elles sont coupées (à droite) ?

Alors c'est probablement qu'elles sont trop grandes par rapport à la taille qu'occupent tes liens.



En effet c'est bien sur la droite que cela se coupe et en bas de l'image !
6l20 a écrit :

Soit, et tu n'as rien pu apprendre dans la section idoine, rien qui pourrait t'aider à résoudre ton petit soucis ? Smiley ohwell


Merci beaucoup c'était exactement ce qu'il me fallait ! Smiley ravi

J'ai réussi a mettre en forme mes menus, bon j'ai juste un problème sur la dimension de mes images de fonds car le dernier lien passe à la ligne, mais bon je dois revoir le texte de mes menus... Smiley cligne

Encore merci.

Fred.
Sujet clos
Aller à