border-bottom marche pas ! [résolu] [CSS] - HTML/CSS - Programmation
Marsh Posté le 23-07-2004 à 16:23:19
border c'est pour les boites
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 ?
Marsh Posté le 23-07-2004 à 16:28:54
Met les dans un span
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é.
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 ?
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 !
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
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) |
Marsh Posté le 23-07-2004 à 16:44:58
boolay toi-meme
Et c'est quoi cette syntaxe mixed-case non w3c-compliant d'abord ?
Marsh Posté le 23-07-2004 à 16:46:39
boulax a écrit : boolay toi-meme |
huhu scuz j'ai pas fait gaffe
ouais enfin IE se fout pas mal du W3C, mais je vais faire un effort promis
Marsh Posté le 23-07-2004 à 16:52:20
essaye comme ca sinon
Code :
|
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ô !
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, ...
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.
Marsh Posté le 23-07-2004 à 17:13:07
ah ? bin je vais essayer d'ajouter une ligne pour voir
Marsh Posté le 23-07-2004 à 17:15:19
ReplyMarsh Posté le 23-07-2004 à 17:24:32
franchement je vois pas le problème
www.antp.be/temp/test_borderbottom.html
Code :
|
chez moi ça marche très bien
Marsh Posté le 23-07-2004 à 17:30:40
ReplyMarsh Posté le 23-07-2004 à 17:34:05
IE 6 & Firefox 0.9
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 ...
Marsh Posté le 23-07-2004 à 17:44:11
c'est n'importe quoi ce browser
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...
Marsh Posté le 23-07-2004 à 17:57:48
ReplyMarsh 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]
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