28172 sujets

CSS et mise en forme, CSS3

Bonjour a tous , voila j'aurais une question je souhaiterais toucher en css dans ma div content la première lettre de tout les h1 h2 h3 h4 h5 h6 ainsi que les éléments p comment procéder pour faire tenir tout cela sur une ligne.
Par avance merci a vous si vous connaissiez un lien qui parle de cela Encore merci
Modérateur
Salut,

De mémoire il y a la pseudo classe :first-letter. Et de mémoire aussi, elle n'est pas prise en compte par IE6 et IE7 (à vérifier). Si tu veux garder la compatibilité optimale avec tous les browsers, tu peux utiliser l'élément span.

sans span :

<h1>un titre</h1>
<p>Un paragraphe</p>


h1:first-letter,p:first-letter{color:teal}


avec span

<h1><span>u</span>n titre</h1>
<p><span>U</span>n paragraphe</p>


h1 span,p span{color:teal}
merci a toi mais en faite ma question est si je fait

#content  h1, h2, h3, h4, h5, h6 :first-letter 


cela ne marche pas
Modérateur
c'est logique


#content  h1:first-letter,#content h2:first-letter,#content h3:first-letter,#content h4:first-letter, #content h5:first-letter,#content h6:first-letter{color:red;}

*code fait de tête
;)
Modifié par niuxe (06 Feb 2011 - 17:49)