bonjour
j'ai fais un menu ce qu'il y a de plus classique, avec une bordure en haut et en bas, et j'ai le problème de la double bordure. Voici mon code:
Code :
- <style type="text/css">
- body {
- background-color: #CCCCCC;
- }
- a.menuLeft {
- width: 200px;
- border-top: 1px white solid;
- border-bottom: 1px white solid;
- display: inline-table;
- border-collapse: collapse;
- padding-left: 1em;
- color: black;
- text-decoration: none;
- font-family: "Frutiger 45 Light";
- font-size: smaller;
- }
- a.menuLeft:hover {
- background-color: white;
- }
- </style>
- </head>
- <body>
- <a href="4left.htm?10" target="left" class="menuLeft">Definition</a>
- <a href="4left.htm?10" target="left" class="menuLeft">Process</a>
- <a href="4left.htm?10" target="left" class="menuLeft">Guidelines</a>
- ...
|
pour enlever cette double bordure, je sais qu'on peut utiliser l'attribut border-collapse, mais dans un tableau. peut-on utiliser cet attribut pour autre chose, en l'occurence ici un simple lien? pour pallier, j'ai tenté de rajouter l'attribut display: inline-table pour faire réagir mon lien comme un tableau, sans succès.
si qqun pouvait m'éclairer sur le sujet ca serait sympa 