Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1438 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Supprimer une double bordure

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] Supprimer une double bordure

n°552193
urd-sama
waste of space
Posté le 28-10-2003 à 09:36:43  profilanswer
 

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

mood
Publicité
Posté le 28-10-2003 à 09:36:43  profilanswer
 

n°552198
MagicBuzz
Posté le 28-10-2003 à 09:47:05  profilanswer
 

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)

n°552204
urd-sama
waste of space
Posté le 28-10-2003 à 09:57:45  profilanswer
 

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

n°552217
fastclemmy
(re-)Dictateur en plastique
Posté le 28-10-2003 à 10:26:58  profilanswer
 

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

n°553517
urd-sama
waste of space
Posté le 29-10-2003 à 13:51:28  profilanswer
 

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

n°553536
Flyman30
Posté le 29-10-2003 à 14:01:34  profilanswer
 

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

n°553561
urd-sama
waste of space
Posté le 29-10-2003 à 14:15:40  profilanswer
 

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

n°553800
Flyman30
Posté le 29-10-2003 à 19:27:43  profilanswer
 

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

n°553801
meerthyl
Posté le 29-10-2003 à 19:31:52  profilanswer
 

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

n°553802
urd-sama
waste of space
Posté le 29-10-2003 à 19:33:00  profilanswer
 

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 :.
mood
Publicité
Posté le 29-10-2003 à 19:33:00  profilanswer
 

n°553806
meerthyl
Posté le 29-10-2003 à 19:39:28  profilanswer
 

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

n°553814
urd-sama
waste of space
Posté le 29-10-2003 à 19:48:15  profilanswer
 

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 :.
n°553820
meerthyl
Posté le 29-10-2003 à 19:55:18  profilanswer
 

C'est ballot ça :D


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Supprimer une double bordure

 

Sujets relatifs
[php/html] Obtenir le code d'un caractère. [Normalement résolu merci][html/css] question pour un tableau!
[PHP/HTML] Ajout d'enregistrement et affichage d'enregistrementscommande dos pour supprimer fichier en utilisation
cherche classe qui parse l'HTML pour faire un aspirateur de sitebordure du milieu dans un tableau
[HTML] Lien sur une image ?[HTML & PHP] je sais que faut pas mélanger :ange: mais bon...
Inclure une police en htmlconversion HTML--->PDF
Plus de sujets relatifs à : [HTML] Supprimer une double bordure


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR