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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] border-bottom marche pas ! [résolu]

effisk

我不讲中文

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

Publicité

boulax

Inserer phrase hype en anglais

border c'est pour les boites

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

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

effisk

我不讲中文

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

boulax

Inserer phrase hype en anglais

Met les dans un span [:spamafote]

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

boulax

Inserer phrase hype en anglais

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.

effisk

我不讲中文

<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

effisk

我不讲中文

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

antp

Super Administrateur
Champion des excuses bidons

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

effisk

我不讲中文

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

boulax

Inserer phrase hype en anglais

effisk a écrit :

boolay toi-meme :heink:

Et c'est quoi cette syntaxe mixed-case non w3c-compliant d'abord ?

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

Publicité

effisk

我不讲中文

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
ouais enfin IE se fout pas mal du W3C, mais je vais faire un effort promis

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

boulax

Inserer phrase hype en anglais

Testé chez moi et regarde

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

boulax

Inserer phrase hype en anglais

essaye comme ca sinon

Code :

border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:red;

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

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

effisk

我不讲中文

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

youdontcare

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

effisk

我不讲中文

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

effisk

我不讲中文

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

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

effisk

我不讲中文

ca môrche !

merci

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

antp

Super Administrateur
Champion des excuses bidons

franchement je vois pas le problème :??:

www.antp.be/temp/test_borderbottom.html

Code :

<html>
<head>
<style type="text/css">
<!--
a.bidule
{
text-decoration: none;
border-bottom: 1px dotted red;
}
-->
</style>
</head>
<body>
<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>
</body>
</html>

chez moi ça marche très bien

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

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

youdontcare

antp a écrit :

chez moi ça marche très bien

Quel browser ?

antp

Super Administrateur
Champion des excuses bidons

IE 6 & Firefox 0.9

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

youdontcare

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

antp

Super Administrateur
Champion des excuses bidons

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

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

antp

Super Administrateur
Champion des excuses bidons

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

youdontcare

antp a écrit :

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

Tu m'étonnes

effisk

我不讲中文

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

Publicité

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]

Page générée en 0.075 secondes