Discussion :

[sebaaas]

Bonjour à tous,

J'ai 2 petits soucis dans avec du CSS dans un menu.
Sur mon site http://www.testmat.net , J'ai un menu à gauche. Quand je le regarde avec Firefox les ligne entre les menus se mettent bien alors que dans IE j'ai de grands écarts. Je ne vois pas trop ou est mon erreur.

Mon 2ième petit soucis concerne toujours ce menu. Lorsque je me déplace sur ce menu avec ma souris, la ligne extérieur droite du menu disparait !!! Je pense que cela est du à mon onmouseover mais je ne vois pas ce que je dois changer pour que cela n'arrive plus.

Merci de votre aide.

[HiRoN]

Quand je le regarde avec Firefox les ligne entre les menus se mettent bien alors que dans IE j'ai de grands écarts.

Imposes-tu une taille "height" au niveau des <tr> de ta <table> ?

Lorsque je me déplace sur ce menu avec ma souris, la ligne extérieur droite du menu disparait !!! Je pense que cela est du à mon onmouseover mais je ne vois pas ce que je dois changer pour que cela n'arrive plus.

En effet, il y a des chances que cela provienne du "onmouseover", un bout de code pourrait aider à t'aider...

[sebaaas]

Merci pour ton aide.

Effectivement il fallait jouer avec le height mais pas dans le <table>, ni le <tr> mais directement dans le CSS de ma DIV.
Ce qui donne

Code :

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

1
2
3
4
5
6
.menu_mid {/* conteneur global et arrière-plan du titre du cadre */
width: 140px;
height: 1px;
padding-top: 2px;
background: url(/image/menu_mid.gif) center left no-repeat;
}

Pour le reste j'ai du jouer avec les marges

Code :

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

1
2
3
div#menu_bas table {
margin: 5px 5px 5px 5px;
}

Merci de votre aide. Maintenant il me faut essayer de rendre mon site un peu plus beau.