Discussion :

[Katachana]

bonjour,

Pour la réalisation de mon menu je dispose d'une image : deux rectangles de meme taille séparé par une ligne.

L'image du haut est a affiché tout le temps , et celle du bas au survol et lorsque que l'onglet est sélectionné.

Mon probleme est que je n'arrive pas a sélectionner la moitié de l'image proprement. résultat en dessous du dernier onglet du menu j'ai un début d'image qui commence....

voila mon css pour le menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
#menu11 {
width: 100%;
margin: 0px;
border-style: solid solid none solid;
border-color: #BCD2E6;
border-size: 1px;
border-width: 1px;
padding-bottom:5px;
}
 
#menu11 ul {
list-style: none;
margin: 0;
padding: 0;
}
 
#menu11 li a {
height: 24px;                        /*PB ICI */
text-decoration: none;
}
 
 
#menu11 li a:link, #menu11 li a:visited {
color: #000000;
display: block;
background: url(../Images/boutons/menuclick.gif) 0% 0%;
padding: 8px 0 0 10px;
 
}
 
#menu11 li a:hover,#menu11 li a:active{
color: #005FB8;
background: url(../Images/boutons/menuclick.gif) 0% -100%;
padding: 8px 0 0 10px;
}

[Bisûnûrs]

Peut-on voir le résultat en ligne ou la structure de ton code HTML pour le menu ?

[Katachana]

voila le résultat :

je n'arrive pas a obtenir un contour carrée pour le dernier onglet (Je réalise un menu vertical), il a y toujours un dépassement

et mon code html : (J'ai volontairement enlever le texte des boutons)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="menu11" class="liensMenuGauche">
		<ul>
			<li><a href="#" title="Lien 1"></a></li>
			<li><a href="#" title="Lien 1" class="active"></a></li>
			<li><a href="#" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1"></a></li>
			<li><a href="#1" title="Lien 1">I</a></li>
		</ul>
		</div>

[Bisûnûrs]

Tu as un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

padding-bottom:5px;

dans #menu11.

Enlève-le, tout simplement.

[Katachana]

Merci beaucoup