Discussion :

[kingone]

Bonjour,
J'ai un problème la barre au lieu d'être a gauche a cote du menu il est complétement a droite. De plus il prend la largeur de la page et non la largeur du menu.

Code :

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

1
2
3
4
5
6
7
8
9
TD#leftNavContainer- {
    border-right: medium solid #1A61A9;
    width: 175px;
}
gift.css (ligne 145)
TD#leftNavContainer- {
	padding-left: 2px;
	width: 75px;
}

Code :

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

1
2
3
4
5
<tr>
 
		<td id="leftNavContainer-" valign="top">
		<table class="LeftMenuHome" cellspacing="0" cellpadding="0"> </table>
		<table class="LeftMenu">

J'aimerais que ça soit comme ça:
http://img507.imageshack.us/img507/3866/bonmenu.jpg

Merci d'avance pour votre aide.

[NoSmoking]

Bonjour,
avec ce que tu nous montres il va être difficile de t'aider sauf à acheter une boule de cristal, mais j'ai une fin de mois un peu tendue.

Je peux néanmoins te dire que la construction, du moins ce que l'on en voit, est très....disons médiocre

La galerie CSS > Menus verticaux

[kingone]

Il faut que le menu soit comme ça c'est celui de base de l'entreprise.
Comment ça le code est médiocre ? A cause de l'utilisation des tableaux ? Je suis malheureusement obliger de les utiliser.
Il vous faut quoi en plus ?

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
 
<td width="100%">
       <tr>
 
		<div id="leftNavContainer-" valign="top">
		<table class="LeftMenuHome" cellspacing="0" cellpadding="0"> </table>
		<table class="LeftMenu">
 
	<tr>
		<td width="15" id="Icon"><img src="../image/test.gif" height="15" width="15" border="0" class="Icon"></td>
		<td width="142" id="NavItem">
		<div class="firstMenu"> <a href="../Version 3/test.html" class="">test</a></div>
		</td>
	</tr>
</td>
</table>

Voila en gros le menu.

[NoSmoking]

A cause de l'utilisation des tableaux ?

il s'agit de TABLE et à ce titre la construction d'une TABLE ce fait de la sorte

Code :

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

1
2
3
4
5
<table>
  <tr>
    <td> du contenu qui peut également être une table</td>
  </tr>
</table>

les TD sont dans des TR qui sont dans une TABLE.

[kingone]

D'accord mais j'ai toujours le même problème.

[NoSmoking]

il te faut cibler le style de tes TD

exemple :
à partir de ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
<table>
  <tr>
    <td class="tr_gauche"><img src="http://www.developpez.net/forums/images/buttons/ip.gif"</td>
    <td class="tr_droite">Ligne 1</td>
  </tr>
  <tr>
    <td class="tr_gauche"><img src="http://www.developpez.net/forums/images/buttons/ip.gif"</td>
    <td class="tr_droite">Ligne 2</td>
  </tr>
</table>

et en appliquant le CSS suivant

Code css :

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

1
2
3
4
5
6
7
8
9
table{
  border-collapse:collapse;
}
.tr_gauche{
  border-left:1px solid red;
}
.tr_droite{
  border-right:3px solid blue;
}

tu ne devrait pas être loin du résultat.