[resolved] Double soulignement

Double soulignement [resolved] - HTML/CSS - Programmation

Marsh Posté le 24-04-2006 à 17:32:13    

Bonjour a tous !
 
Je voudrias juste savoir un truc tout con, mais qui me handicape malgré des recherches infructueuses ..  
 
Comment fait-on , en html, css ou autre, pour effectuer un soulignement double ?  
 
Merci :)


Message édité par pouzy le 25-04-2006 à 20:39:25

---------------
Hello hello super jello
Reply

Marsh Posté le 24-04-2006 à 17:32:13   

Reply

Marsh Posté le 24-04-2006 à 18:15:31    

Par exemple, en utilisant un text-decoration:underline et un border-bottom.
Je ne sais pas s'il existe un moyen plus direct ...


Message édité par Pitsy le 24-04-2006 à 18:15:48
Reply

Marsh Posté le 24-04-2006 à 19:50:03    

Citation :

Je ne sais pas s'il existe un moyen plus direct ...


En CSS 3 il y en aura mais d'ici là  :sarcastic:


---------------
Viendez sur le Newbie-Project et essayez le Newbie-Directory (nouveau)
Reply

Marsh Posté le 25-04-2006 à 18:49:45    

Arf, ça a pas vraiment l'air de fonctionner :  
 
http://www.dieuxduciel.info/
 
Regardez le truc "piège tes amis", je veux le faire souligner doublement, comme les mots certains mots sur le site, en gros :)  
 
( Bon, tenez pas compte du site en lui même.. hin ? ^^ )


---------------
Hello hello super jello
Reply

Marsh Posté le 25-04-2006 à 18:57:53    

Ben moi je le vois en double ton trait  
 
 :heink:
 
 
EDIT: Soluce

Code :
  1. #doublesous {
  2. border-bottom:1px #000 solid;
  3. text-decoration:underline;
  4. }


Message édité par xtof_83 le 25-04-2006 à 19:01:48
Reply

Marsh Posté le 25-04-2006 à 19:04:49    

Super...Encore un site qui pousse au spam  :heink:

Reply

Marsh Posté le 25-04-2006 à 19:09:52    

gooopil a écrit :

Super...Encore un site qui pousse au spam  :heink:


 
+1  [:grand lapin]

Reply

Marsh Posté le 25-04-2006 à 19:21:16    

Ouais, désolé pour le site, j'ai dit, gooopil et xtof_83. Disons que ce sont des tests :)
 
Et moi sous FF autant que IE, en 1268*1024, j'ai qu'un seul gros trait :/  
 

Code :
  1. .dubble
  2. {
  3. text-decoration:underline;
  4. border-bottom : 1px solid; }
  5. .dubble.a:link {
  6. font-weight: bold;
  7. text-decoration: underline;
  8. color: #3A99F5;
  9. }
  10. .dubble.a:visited {
  11. font-weight: bold;
  12. text-decoration: underline;
  13. color: #3A99F5;
  14. }
  15. .dubble.a:hover {
  16. font-weight: bold;
  17. text-decoration: underline;
  18. color: #8AC7F3;
  19. }


 
:/


Message édité par pouzy le 25-04-2006 à 19:22:10

---------------
Hello hello super jello
Reply

Marsh Posté le 25-04-2006 à 19:59:54    

met border-bottom : 1px solid; avec a.....

Reply

Marsh Posté le 25-04-2006 à 20:22:02    

Ca n'a pas l'air de changer grand chose :/ !
Suis-je le seula voir un seul trait ?


---------------
Hello hello super jello
Reply

Marsh Posté le 25-04-2006 à 20:22:02   

Reply

Marsh Posté le 25-04-2006 à 20:30:18    

pouzy a écrit :

Ca n'a pas l'air de changer grand chose :/ !
Suis-je le seula voir un seul trait ?


 
Non, pour en bas à gauche je vois aussi un seul trait. Le problème vient je pense de ta petite police, et donc d'un petit line-height qui fait que le boder-bottom et le soulignement sont collés. D'ailleurs si on voit le double soulignement dans le reste de ta page c'est, je pense, à cause de ton padding-bottom de 1px qui sépare les 2...

Reply

Marsh Posté le 25-04-2006 à 20:39:12    

Mais voilà, c'est juste nickel avec le padding-bottom de 1px :D ! Merci Pitsy :)


---------------
Hello hello super jello
Reply

Sujets relatifs:

Leave a Replay

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