Désactiver la first-letter

Sujet résolu

6 août 2006 à 12:55:06

Bonjour, sur mon code CSS je viens d'appliquer la fonction first-letter aux paragraphes mais le problème c'est que j'ai aussi créér une class pour un petit bout de phrase et il prends aussi en paramètre la first-letter.
Comment puis-je la désactiver pour la class?
Merci d'avance

Mon code :

p
{
color : black;
font-size : 100%;
font-family : "Comic Sans MS", "Times New Roman", Arial, Serif;
text-align : center;
text-indent : 25px;
}

p:first-letter
{
color : white;
font-weight : blod;
font-size : 130%;
font-family : "Comic Sans MS", Serif;
}

.fin
{
color : red;
font-size : 120%;
text-decoration : none;
}

.date
{
color : black;
font-size : 120%;
text-decoration : none;
}

Voilà dans les deux derniers il ne doit pas y avoir de first-letter.

Edit : Personne ne sait?

strucky

6 août 2006 à 13:46:15

Il faut que tu redéfinisses ton first-letter, pas d'autre solution.

Theprogrammer

6 août 2006 à 13:49:10

a bon tant pis je l'enlève

merci pour ta réponse

GreenPinguin

6 août 2006 à 13:49:42

Super GreenPinguin arrive :zorro:

Héhé

Bon alors ne t'inquiète pas, c'est pas bien compliqué. Tu a appliqué un style particulier au pseudo format p:first-letter. Le problème, c'est que tout ce qui est contenu dans une balise p (même ta class) est affecté par cette commande.
Pour remédier à ce problème, il suffit que tu applique un style différent pour le pseudo format p .class:first-letter.

En code ça donne ça.

p
{
/*ton style pour les balise p*/
}
p:first-letter
{
/*ton style pour les première lettres des balises p*/
}

p .class:first-letter
{
/*ton stlyle pour les premières lettres dans ta class (par exemple, si tu veux qu'il n'y ait aucun changement, tu met le même style qu'à la balise p)*/
}
}

Edit : Désolé Strucky, t'avais déjà répondu pendant le temps que je tapais ma réponse.

Theprogrammer

6 août 2006 à 13:58:19

a ok je vais essayer pour voir ce que ca donne

Edit non ca ne marche toujours pas

p
{
color : black;
font-size : 100%;
font-family : "Comic Sans MS", "Times New Roman", Arial, Serif;
text-align : center;
text-indent : 25px;
}

p:first-letter
{
color : white;
font-size : 130%;
}

p .class:first-letter
{
color : black;
font-size : 100%;
font-family : "Comic Sans MS", "Times New Roman", Arial, Serif;
text-align : center;
text-indent : 25px;
}

Dans mon code "p .class:first-letter" est en noir pas comme "p:first-letter"

GreenPinguin

6 août 2006 à 14:57:31

Quand tu fais ce code, est-ce que les premières lettre de ta class sont en noir mais ont une taille trop grande ??

Theprogrammer

6 août 2006 à 15:14:08

non toujours blanche et grosse mais bon je trouvé une solution meme si ce n'est pas au niveau du css. J'ai arrangé mon fichier html pour que les first-letter disparaissent là où je voulais. merci greenpuiguin

GreenPinguin

6 août 2006 à 15:25:59

Bon ben ok, désolé de pas avoir été d'une grande aide