[CSS] 1 letter class geven?

[MrVegeta]

Ik heb een aantal paragrafen text. Elke paragraaf staat tussen <p></p> tags, de inhoud staat in een div genaamd "over_ons".

In mijn css include heb ik dit,

Cascading Stylesheet:

    div#over_ons p {
        padding-top:    25px;
        width:          275px;
        padding-left:   45px;
        text-align:     justify;
    }

Dit zorgt er dus voor de <p> tag kan worden opgemaakt. Ik heb er een padding in gezet om ruimte tussen de paragrafen te krijgen.

Werkt prima, maar nu wil ik bij een paar zinnen de eerste letter een aparte opmaak mee geven maar nu is mijn vraag, hoe kan ik dat doen?

<p>
Griffeweg 19<br />
9724 GE Groningen<br />
</p>
<p>
T: 050-3187102<br />
F: 050-3133521<br />
E: [e-mail]
</p>
<p>
Openingstijden:<br />
maandag t/m vrijdag<br />
09.00 tot 17.30 uur.
</p>
<p>
zaterdag<br />
op afspraak
</p>

Hier zie je dus de tekst. En nu wil ik de letters "T" "F" en "E" een opmaak mee geven. Hoe kan ik dat het beste doen? Vergeet niet dat ik de <p> tag een padding-top heb gegeven om wat ruimte te krijgen tussen de paragrafen.

Ik kom er zelf niet uit.

[BtM909]

http://www.w3.org/TR/CSS21/selector.html#first-letter

De vraag is dan meteen welke browsers dat ondersteunen?

[ari]

Tja, anders kun je altijd nog een span gebruiken. Dat zou altijd moeten werken.

[harrald]

extra span om de letter heen.
:First letter gaat in de huidige situatie niet werken.

[ Voor 46% gewijzigd door harrald op 26-02-2009 17:45 ]

[Fuzzillogic]

BtM909 schreef op donderdag 26 februari 2009 @ 17:39:
http://www.w3.org/TR/CSS21/selector.html#first-letter

De vraag is dan meteen welke browsers dat ondersteunen?

Volgens Wikipedia valt het wel mee.

Overigens, TS, heb je eens naar de <address />-tag gekeken?

[BtM909]

ari schreef op donderdag 26 februari 2009 @ 17:43:
Tja, anders kun je altijd nog een span gebruiken. Dat zou altijd moeten werken.

Ervanuitgaande dat MrVetega die optie heeft overwegen en niet geschikt achtte voor z'n oplossing

[ Voor 50% gewijzigd door BtM909 op 26-02-2009 17:47 ]

[harrald]

Fuzzillogic schreef op donderdag 26 februari 2009 @ 17:45:
[...]

Volgens Wikipedia valt het wel mee.

Overigens, TS, heb je eens naar de <address />-tag gekeken?

Is de address tag niet alleen voor adres informatie van de webmaster?

[EnigmA-X]

Je kan een div- of span-tag aanmaken in een bepaalde class, met de settings zoals jij die graag wilt hebben.
Of mis ik je probleem een beetje?

[ Voor 3% gewijzigd door EnigmA-X op 26-02-2009 17:48 ]

[BtM909]

harrald schreef op donderdag 26 februari 2009 @ 17:47:
[...]

Is de address tag niet alleen voor adres informatie van de webmaster?

Als je ff de nieuwe definitie pakt (want die voor HTML4.0 is eigenlijk verkeerd beschreven):

HTML5 <address>:
The address element represents the contact information for the section it applies to. If it applies to the body element, then it instead applies to the document as a whole.

---

EnigmA-X schreef op donderdag 26 februari 2009 @ 17:47:
Je kan een div- of span-tag aanmaken in een bepaalde class, met de settings zoals jij die graag wilt hebben.
Of mis ik je probleem een beetje?

Probeer altijd zo min mogelijk classes mee te geven, aangezien je heel veel elementen kan targetten met selectors

[MrVegeta]

BtM909 schreef op donderdag 26 februari 2009 @ 17:45:
[...]


Ervanuitgaande dat MrVetega die optie heeft overwegen en niet geschikt achtte voor z'n oplossing

Soms zie je door de bomen het bos niet meer .

[EnigmA-X]

BtM909 schreef op donderdag 26 februari 2009 @ 17:55:
[...]


Probeer altijd zo min mogelijk classes mee te geven, aangezien je heel veel elementen kan targetten met selectors

Mee eens, maar in dit specifieke geval wordt er verwezen naar 1 specifiek item, niet 1000. Het verhaaltje om de vraag heen doet dat ook niet vermoeden. Anders gezegd, je kunt iets prachtig moois bouwen, maar als je dat alleen voor dit ene dingetje doet vind ik dat een beetje zonde van de tijd... uiteraard zijn er gewoon een paar keuzes en niets is echt fout.