RESOLU: Souligner des titres en CSS - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  RESOLU: Souligner des titres en CSS

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: RESOLU: Souligner des titres en CSS (Lu 8014 fois)

RESOLU: Souligner des titres en CSS
« sur: le 07-09-2004 a 21:27:20 »

jb_gfx
Superactif

Hors-Ligne

Sexe: Male

Messages: 562

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

« Dernière Édition: le 09-09-2004 a 15:42:21 par jb_gfx »

Rapporter au modérateur

http://www.pixemedia.com

Re:souligner du texte en CSS
« Répondre #1 sur: le 07-09-2004 a 21:47:11 »

willy
Habitué

Hors-Ligne

Sexe: Male

Messages: 278

paix

Tu met ton texte entre des balise <u>

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

Rapporter au modérateur

Mer et littoral
Plongée enfants

Re:souligner du texte en CSS
« Répondre #2 sur: le 07-09-2004 a 22:38:33 »

MFred
Habitué

Hors-Ligne

Sexe: Male

Messages: 340

Gnih ?

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 ?

Rapporter au modérateur

"In a world without fences and walls, who needs Gates and Windows ?"

Jabber : mfred@jabber.fr / mfred.mail@gmail.com

Re:souligner du texte en CSS
« Répondre #3 sur: le 08-09-2004 a 04:32:42 »

jb_gfx
Superactif

Hors-Ligne

Sexe: Male

Messages: 562

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

« Dernière Édition: le 08-09-2004 a 05:16:29 par jb_gfx »

Rapporter au modérateur

http://www.pixemedia.com

Re:souligner du texte en CSS
« Répondre #4 sur: le 08-09-2004 a 12:51:36 »

lupucide
P'tit nouveau

Hors-Ligne

Sexe: Male

Messages: 90

f*ckin

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

Rapporter au modérateur

Pour souper avec le Diable mieux vaut avoir une longue cuillère.

Re:souligner du texte en CSS
« Répondre #5 sur: le 08-09-2004 a 16:43:02 »

jb_gfx
Superactif

Hors-Ligne

Sexe: Male

Messages: 562

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

Rapporter au modérateur

http://www.pixemedia.com

Re:souligner du texte en CSS
« Répondre #6 sur: le 08-09-2004 a 21:13:18 »

willy
Habitué

Hors-Ligne

Sexe: Male

Messages: 278

paix

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

Rapporter au modérateur

Mer et littoral
Plongée enfants

Re:souligner du texte en CSS
« Répondre #7 sur: le 09-09-2004 a 13:22:03 »

jb_gfx
Superactif

Hors-Ligne

Sexe: Male

Messages: 562

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.

« Dernière Édition: le 09-09-2004 a 13:22:54 par jb_gfx »

Rapporter au modérateur

http://www.pixemedia.com

Re:souligner du texte en CSS
« Répondre #8 sur: le 09-09-2004 a 14:20:49 »

Netah
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1256

ZoneB.org

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>

Rapporter au modérateur

skalae.fr - Stages photo - Blog Webmaster - Twitter TLS

Re:souligner du texte en CSS
« Répondre #9 sur: le 09-09-2004 a 15:41:32 »

jb_gfx
Superactif

Hors-Ligne

Sexe: Male

Messages: 562

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

Rapporter au modérateur

http://www.pixemedia.com