Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: jb_gfx le le 07-09-2004 a 21:27:20

Titre: RESOLU: Souligner des titres en CSS
Posté par: jb_gfx le le 07-09-2004 a 21:27:20

Qualqu'un saurai me dire comment souligner du texte (par exemple un balise h2) avec des pointillés?

J'ai essayé avec une bordure pointillée mais c'est toute la largeur de ma page qui se retrouve soulignée, pas juste mon titre..

Si y'avait une solution simple...

Merci d'avance

Titre: Re:souligner du texte en CSS
Posté par: willy le le 07-09-2004 a 21:47:11

Tu met ton texte entre des balise <u>

<u>ce texte sera souligné</u>

Titre: Re:souligner du texte en CSS
Posté par: MFred le le 07-09-2004 a 22:38:33

u {
border-bottom: 1px dotted;
text-decoration: none;
}

J'ai vite fait testé ca, et ca marche bien ... :)
C'est aussi ce que tu as fait ? Si le problème persiste, tu peux nous donner code ou url ?

Titre: Re:souligner du texte en CSS
Posté par: jb_gfx le le 08-09-2004 a 04:32:42

Ben en fait j'ai utilisé la balise h2 avec ce style :

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #D199FF;
border-color: #AA36AD;
border-bottom-width: 1px;
border-bottom-style: dashed;
}

C'est pas possible comme ça? Parceque sinon je vais me retrouver avec un truc du genre :

<u><h2>Mon titre</h2></u>

Et ça pour tous mes titres (pas cool du tout). Qui plus est la balise <u> est dépréciée donc ça ne m'arrange pas vraiment...

Le site est là : http://www.music-qualite.com

Titre: Re:souligner du texte en CSS
Posté par: lupucide le le 08-09-2004 a 12:51:36

Euh, il suffit de placer une class ou style dans ta balise <h2>.

Titre: Re:souligner du texte en CSS
Posté par: jb_gfx le le 08-09-2004 a 16:43:02

Si je mets une classe ça va modifier la façon dont mon style agit sur la cible, c'est ça que tu dit?!?

Pourquoi? Je pige pas là...

Titre: Re:souligner du texte en CSS
Posté par: willy le le 08-09-2004 a 21:13:18

Utiliser une class te permet de donner un style particulier à un certain type de h2 pas à tous :)

Titre: Re:souligner du texte en CSS
Posté par: jb_gfx le le 09-09-2004 a 13:22:03

Je sais trés bien ce qu'est une class ou un id merci. ça n'a aucun rapport avec mon problème et ma question.

J'ai pas encore trouvé de solution viable, donc si quelqu'un a une idée la question reste à l'ordre du jour.

Titre: Re:souligner du texte en CSS
Posté par: Netah le le 09-09-2004 a 14:20:49

La balise h2 est affiché sur une ligne. Pour avoir la solution et mettre en évidence le pb, teste une page avec le code :

Code:

<html>
<head>
<style>
h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #D199FF;
background-color:#F1F1F1;
}
.dashed
{
border-color: #AA36AD;
border-bottom-width: 1px;
border-bottom-style: dashed;
}
</style>
</head>
<body>
<h2><span class="dashed">Ceci est un test</span></h2>
<p>
et voila le reste pour comme si la page était construite.
</p>
</body>
</html>

Titre: Re:souligner du texte en CSS
Posté par: jb_gfx le le 09-09-2004 a 15:41:32

C'est ce que je pensais aussi, dommage de devoir rajouter une balise span pour chaque titres.

En tout cas cette technique a le mérite de fonctionner parfaitement :)

Merci Netah


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.