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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°804673
effisk
我不讲中文
Posté le 23-07-2004 à 16:02:04  profilanswer
 

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
mood
Publicité
Posté le 23-07-2004 à 16:02:04  profilanswer
 

n°804705
boulax
Inserer phrase hype en anglais
Posté le 23-07-2004 à 16:23:19  profilanswer
 

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.
n°804712
effisk
我不讲中文
Posté le 23-07-2004 à 16:27:36  profilanswer
 

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
n°804716
boulax
Inserer phrase hype en anglais
Posté le 23-07-2004 à 16:28:54  profilanswer
 

Met les dans un span [:spamafote]


---------------
Posté depuis des chiottes, sales. Me gusta.
n°804724
boulax
Inserer phrase hype en anglais
Posté le 23-07-2004 à 16:30:37  profilanswer
 

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.
n°804725
effisk
我不讲中文
Posté le 23-07-2004 à 16:31:00  profilanswer
 

<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
n°804729
effisk
我不讲中文
Posté le 23-07-2004 à 16:32:15  profilanswer
 

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
n°804738
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-07-2004 à 16:35:44  profilanswer
 

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
n°804744
effisk
我不讲中文
Posté le 23-07-2004 à 16:40:42  profilanswer
 

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
n°804754
boulax
Inserer phrase hype en anglais
Posté le 23-07-2004 à 16:44:58  profilanswer
 


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


---------------
Posté depuis des chiottes, sales. Me gusta.
mood
Publicité
Posté le 23-07-2004 à 16:44:58  profilanswer
 

n°804755
effisk
我不讲中文
Posté le 23-07-2004 à 16:46:39  profilanswer
 

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
n°804756
boulax
Inserer phrase hype en anglais
Posté le 23-07-2004 à 16:47:35  profilanswer
 

Testé chez moi et regarde


---------------
Posté depuis des chiottes, sales. Me gusta.
n°804763
boulax
Inserer phrase hype en anglais
Posté le 23-07-2004 à 16:52:20  profilanswer
 

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.
n°804771
effisk
我不讲中文
Posté le 23-07-2004 à 16:59:13  profilanswer
 

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
n°804774
youdontcar​e
Posté le 23-07-2004 à 16:59:38  profilanswer
 

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

n°804794
effisk
我不讲中文
Posté le 23-07-2004 à 17:12:41  profilanswer
 

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
n°804795
effisk
我不讲中文
Posté le 23-07-2004 à 17:13:07  profilanswer
 

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


---------------
London Box Office: Comédie Musicale Londres
n°804798
effisk
我不讲中文
Posté le 23-07-2004 à 17:15:19  profilanswer
 

ca môrche !
 
merci


---------------
London Box Office: Comédie Musicale Londres
n°804804
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-07-2004 à 17:24:32  profilanswer
 

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
n°804810
youdontcar​e
Posté le 23-07-2004 à 17:30:40  profilanswer
 

antp a écrit :

chez moi ça marche très bien :o

Quel browser ?

n°804818
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-07-2004 à 17:34:05  profilanswer
 

IE 6 & Firefox 0.9


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°804823
youdontcar​e
Posté le 23-07-2004 à 17:38:56  profilanswer
 

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 ...

n°804825
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-07-2004 à 17:44:11  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°804828
antp
Super Administrateur
Champion des excuses bidons
Posté le 23-07-2004 à 17:48:18  profilanswer
 

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
n°804835
youdontcar​e
Posté le 23-07-2004 à 17:57:48  profilanswer
 

antp a écrit :

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

Tu m'étonnes :D

n°806085
effisk
我不讲中文
Posté le 26-07-2004 à 10:40:16  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


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

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

 

Sujets relatifs
[Résolu] variable garde sa valeur d'une page à une autre ? possible ?[PHP 4.0.6] Pb php 4.0.6 et envoi mail [RESOLU]
[html] form et mailto ca ne marche plus ?fonction int86 [resolu]
[VBA ACCESS] recherche d'apostrophe dans une string [RESOLU][Résolu]Templates imbriqués
css IE, FF et mise en page[résolu]récupérer une valeur stockée dans session en javascript
[Resolu] [RegExp] récuperer une chaine encadrée par 2 balises[php] affichage couleur selon une date[résolu]
Plus de sujets relatifs à : [CSS] border-bottom marche pas ! [résolu]


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