[HTML] Supprimer une double bordure

Supprimer une double bordure [HTML] - HTML/CSS - Programmation

Marsh Posté le 28-10-2003 à 09:36:43    

bonjour [:mad_overclocker]
 
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 :
  1. <style type="text/css">
  2.    body {
  3.     background-color: #CCCCCC;
  4.    }
  5.    a.menuLeft {
  6.     width: 200px;
  7.     border-top: 1px white solid;
  8.     border-bottom: 1px white solid;
  9.     display: inline-table;
  10.     border-collapse: collapse;
  11.     padding-left: 1em;
  12.     color: black;
  13.     text-decoration: none;
  14.     font-family: "Frutiger 45 Light";
  15.     font-size: smaller;
  16.    }
  17.    a.menuLeft:hover {
  18.     background-color: white;
  19.    }
  20. </style>
  21. </head>
  22. <body>
  23. <a href="4left.htm?10" target="left" class="menuLeft">Definition</a>
  24. <a href="4left.htm?10" target="left" class="menuLeft">Process</a>
  25. <a href="4left.htm?10" target="left" class="menuLeft">Guidelines</a>
  26. ...


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 :)

Reply

Marsh Posté le 28-10-2003 à 09:36:43   

Reply

Marsh Posté le 28-10-2003 à 09:47:05    

Ah ouais, t'ain je connaissais pas tous ces trucs moi :D
 
Me suis toujours fait chier à mettre un border-left sans en mettre à droite, sauf sur le dernier, ce qui fait que j'ai toujours qu'une bordure simple (mais c'est plus chiant :D)

Reply

Marsh Posté le 28-10-2003 à 09:57:45    

au pire c'est que je je ferai, mais je suppose qu'il doit bien y avoir une solution plus élégante.
déjà que je devrai incorporer un javascript là-dedans je préfère simplifier au max

Reply

Marsh Posté le 28-10-2003 à 10:26:58    

A mon avis, mets tous tes <a> dans un <div> et met tes bordures sur le <div> [:spamafote]

Reply

Marsh Posté le 29-10-2003 à 13:51:28    

pas de solutions?
je vais essayer celle que tu proposes fast

Reply

Marsh Posté le 29-10-2003 à 14:01:34    

Je n'ai qu'une bordure en haut et en bas, je ne vois pas de double bordure chez moi IE6 fr Sp1!

Reply

Marsh Posté le 29-10-2003 à 14:15:40    

j'ai la meme version pourtant :/
sinon avec le div le problème est le meme, et j'ai juste corrigé le display en block.
mozilla aussi le double ligne

Reply

Marsh Posté le 29-10-2003 à 19:27:43    

http://files.shawt.net/users/Flyman30/Urd-sama.png

Reply

Marsh Posté le 29-10-2003 à 19:31:52    

Et mettre juste border-top sur tes liens sauf sur le dernier qui aura droit à un border-bottom en plus, ça ne passerait pas ?

Reply

Marsh Posté le 29-10-2003 à 19:33:00    

flyman> erps, vais regarder tout ca demain au boulot, c'est étrange ton truc.
meerthyl> et bien si y'a pas de soluce c'est ce que je ferai ouais :)


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
Reply

Marsh Posté le 29-10-2003 à 19:33:00   

Reply

Marsh Posté le 29-10-2003 à 19:39:28    

C'est la solution la plus simple je crois, sinon tu peux t'amuser avec :first-child et ses copains, mais tu dis au-revoir à IE. :D

Reply

Marsh Posté le 29-10-2003 à 19:48:15    

et vu que c'est un intranet destiné à ie, bye bye first-child-et-ses-copains :D
mais merci quand meme


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
Reply

Marsh Posté le 29-10-2003 à 19:55:18    

C'est ballot ça :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed