[CSS] border-bottom marche pas ! [résolu]

border-bottom marche pas ! [résolu] [CSS] - HTML/CSS - Programmation

Marsh Posté le 23-07-2004 à 16:02:04    

Salut, je débute un peu en CSS, y'a un truc qui m'échappe:
 
j'ai ça sur ma CSS:
 
A.maintext:active {
 FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Geneva, sans-serif; TEXT-DECORATION: none; border-bottom: 1px dotted #cccccc;
}
 
et j'ai ça sur mon site:
 
You can also visit an <a class="maintext" href="index_en.php" title="click here for the English version">English version</a>
 
Pourquoi mon lien n'est-il pas souligné pointillé? (il est pas souligné du tout en fait)


Message édité par effisk le 23-07-2004 à 17:15:42

---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:02:04   

Reply

Marsh Posté le 23-07-2004 à 16:23:19    

border c'est pour les boites :o


Message édité par boulax le 23-07-2004 à 16:24:24

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 23-07-2004 à 16:27:36    

D'accord mais y'a plein de mecsqui utilisent ça pour du texte.
 
Bon si ça marche pas, je fais quoi pour avoir des liens soulignés en pointillés ?


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:28:54    

Met les dans un span [:spamafote]


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 23-07-2004 à 16:30:37    

en fait si ca devrait marcher... mais faudrait virer ton :active si tu veu que ce soit tout le temps souligné.


Message édité par boulax le 23-07-2004 à 16:30:48

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 23-07-2004 à 16:31:00    

<span class="maintext"><a href="index_en.php" title="click here for the English version">English version</a></span>
 
avec
 
maintext {  
 FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Geneva, sans-serif; TEXT-DECORATION: none; border-bottom: 1px dotted #cccccc;  
}  
 
?? C'est pas très classe. Y'a pas de sluce propre ?


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:32:15    

dans la vraie vie c'est ça ma CSS:
 
A.maintext:link {
 FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Geneva, sans-serif; TEXT-DECORATION: none; BORDER-BOTTOM: 1px dotted #cccccc;
}
A.maintext:visited {
 FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Geneva, sans-serif; TEXT-DECORATION: none; border-bottom: 1px dotted #cccccc;
}
A.maintext:active {
 FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Geneva, sans-serif; TEXT-DECORATION: none; border-bottom: 1px dotted #cccccc;
}
A.maintext:hover {
 FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Geneva, sans-serif; TEXT-DECORATION: none; BACKGROUND-COLOR: #cccccc;
}
 
Donc ça devrait marcher !


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:35:44    

pas besoin d'un span normalement, mais je ne vois pas fort le lien entre tes deux derniers posts :??:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-07-2004 à 16:40:42    

l'avant dernier c'est ce qu'il faudrait que je fasse avec un span, et le dernier c'est ce que j'ai sur ma CSS (en rapport avec la réflexion de boolay

Citation :

en fait si ca devrait marcher... mais faudrait virer ton :active si tu veu que ce soit tout le temps souligné.J'ai pas défini que le :active, donc ca devrait marcher)


Message édité par effisk le 23-07-2004 à 16:41:33

---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:44:58    


 
boolay toi-meme :heink:
 
Et c'est quoi cette syntaxe mixed-case non w3c-compliant d'abord ?


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 23-07-2004 à 16:44:58   

Reply

Marsh Posté le 23-07-2004 à 16:46:39    

boulax a écrit :

boolay toi-meme :heink:
 
Et c'est quoi cette syntaxe mixed-case non w3c-compliant d'abord ?

huhu scuz j'ai pas fait gaffe  :D  
ouais enfin IE se fout pas mal du W3C, mais je vais faire un effort promis  :)


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:47:35    

Testé chez moi et regarde


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 23-07-2004 à 16:52:20    

essaye comme ca sinon        
 

Code :
  1. border-bottom-width:1px;
  2. border-bottom-style:dotted;
  3. border-bottom-color:red;


Message édité par boulax le 23-07-2004 à 16:52:34

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 23-07-2004 à 16:59:13    

boulax a écrit :

Testé chez moi et regarde

ouais je connais.
 
Un pote a testé chez lui ça marche aussi je comprends pô j'ai copié sa CSS chez moi ça marche toujours pô !


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 16:59:38    

Si c'est sous ie, je crois bien qu'il y a un bug de dernière ligne - le soulignement apparaitra dans tout le paragraphe, mais pas sur la dernière ligne.
 
Si ton texte ne fait qu'une ligne, ... :D

Reply

Marsh Posté le 23-07-2004 à 17:12:41    

bon bin voila j'ai mis un span autour du texte pour exclure le lien et ça marche doit y avoir un pb de conflit entre les deux, c chelou.


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 17:13:07    

ah ? bin je vais essayer d'ajouter une ligne pour voir


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 17:15:19    

ca môrche !
 
merci


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 23-07-2004 à 17:24:32    

franchement je vois pas le problème :??:
 
www.antp.be/temp/test_borderbottom.html
 

Code :
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <!--
  5. a.bidule
  6. {
  7.   text-decoration: none;
  8.   border-bottom: 1px dotted red;
  9. }
  10. -->
  11. </style>
  12. </head>
  13. <body>
  14. <p>ici du texte et <a class="bidule" href="...">ceci est un lien de test</a> qui est souligné en pointillés. Ici un <a href="...">lien normal</a>.</p>
  15. </body>
  16. </html>


 
chez moi ça marche très bien :o


Message édité par antp le 23-07-2004 à 17:25:35

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-07-2004 à 17:30:40    

antp a écrit :

chez moi ça marche très bien :o

Quel browser ?

Reply

Marsh Posté le 23-07-2004 à 17:34:05    

IE 6 & Firefox 0.9


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-07-2004 à 17:38:56    

Effectivement ton code marche dans ie6. Si j'y rajoute un doctype pour faire passer ie en strict, le soulignement disparait. Si le paragraphe fait plus d'une ligne, le soulignement réapparait.
 
Haaa, ie ...

Reply

Marsh Posté le 23-07-2004 à 17:44:11    

[:mlc] c'est n'importe quoi ce browser :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-07-2004 à 17:48:18    

J'utilise ce truc de soulignement via border-bottom sur la page des news du site de ma boîte, et j'ai eu donc du bol que mes listes (ces souglignement étant pour des éléments de listes) aient toutes plus d'un élément. C'est pour ça que je connaissais pas le bug...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 23-07-2004 à 17:57:48    

antp a écrit :

[:mlc] c'est n'importe quoi ce browser :D

Tu m'étonnes :D

Reply

Marsh Posté le 26-07-2004 à 10:40:16    

Ca m'saoule cette histoire, j'ai plein de liens en dernière ligne qui n'apparaissent pas et j'ai pas envie de changer ma CSS.
[edit]tiens j'avais loupé le truc du DOCTYPE, je vais le virer et mon pb devrait être résolu.[/edit]


Message édité par effisk le 26-07-2004 à 11:29:57

---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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