Lettrines, CSS-Tricks
Bon conseil. A parfaitement fonctionné dans Firefox 10. Mes tailles de police sont en pourcentages, je devais ruser un peu pour l'obtenir pour afficher correctement dans Chrome et IE9. A probablement quelque chose à voir avec la façon dont les navigateurs individuels rendent les polices.
Je devais faire la première lettre du premier paragraphe de chaque entrée de blog une lettrine et je avais besoin Voici un peu d'une explication si: Cela prendrait tous les éléments p dans la colonne gauche # id et de faire leur première lettre un dropcap. Mais ce ne sert à rien si vous voulez que le premier caractère d'avoir la dropcap. En ajoutant l'élément précédent et le sélecteur + comme ceci: Vous dire le navigateur, « Hey, le navigateur. Je voudrais que vous trouverez tout l'intérieur de p # colonne gauche et si elles sont précédées d'une balise h6, je voudrais vous donner leur première lettre une taille de police de 3em « . Ceci est utile si vous avez plusieurs occurrences répétées de la même disposition à l'intérieur d'un div id ou. Comme, par exemple, un thème WordPress. Espérons que cela a été utile à quelqu'un. Avoir une bonne! Le partage est soins, merci (: Merci, il m'a vraiment aidé. J'ai une question que je dois ajouter un effet, mais je dois définir aussi sa largeur comment est-il possible Nous avons utilisé une jQuery pour mettre en œuvre la version CSS3 dans tous les navigateurs échantillon Lien Comme Alan dit, le sélecteur de première lettre ne fonctionne pas si bien si le premier caractère est une citation d'ouverture (car il sélectionne à la fois la citation d'ouverture ainsi que la lettre suivante). Je suis en train de reproduire ce que mon concepteur ferait normalement en version imprimée, ce qui est de garder la citation initiale petite, alors une lettrine à côté. J'ai essayé d'utiliser une période sur le premier caractère alphabétique, mais je reçois le flottage lettrine gauche de la citation d'ouverture, ce qui est mauvais. Aucune suggestion?Articles Liés