[CSS] krijg de letter niet goed geplaatst

[Shaidar]

Als je deze PNG bekijkt



En daarna naar de header van m'n website kijkt - http://www.damn.be zie je het verschil direct ...

Ik krijg met geen stokken die grote "d" op dezelfde plaats als in de PNG ... ik begin me af te vragen of het wel mogelijk is Is er hier iemand die weet hoe je een enkel karakter helemaal tegen de rechterkant en de bovenkant plaatst?

De CSS van m'n website vind je hier: http://www.damn.be/weblog.../themes/bleu2.4/style.css

De code van de grote "d" is helemaal automagisch, dus als je dit WordPress theme op een andere website zou installeren, zou er de 1ste letter van die naam in het groot staan ... Daarom wil ik hem dus per sé in CSS plaatsen, en niet met een prentje ...

[crisp]

Voeg line-height:150px; toe en speel wat met negatieve letter-spacing

dit lijkt er al aardig op in Firefox:

Cascading Stylesheet:

#capitalH {
    font-size: 250px;
    font-weight: bold;
    height: 150px;
    line-height: 150px;
    letter-spacing: -20px;
    text-align: right;
    overflow: hidden;
}

[ Voor 62% gewijzigd door crisp op 20-04-2006 00:09 ]

[Shaidar]

Argh.

You make it sound so easy In Firefox staat ie nu helemaal tegoei ... nu alleen IE nog (jah, weet het dat ik op m'n site zeg dat ik er geen tijd insteek, maar dat doe ik lekker wél )

[Geert.H]

zet je margin's op 0 en ook je paddings. Het effect zal waarschijnlijk zijn dat in firefox en in IE alles tever naar links zit, maar dat kan je dan weer bijsturen.

[ Voor 6% gewijzigd door Geert.H op 20-04-2006 00:39 ]

[Rowanov]

Ik vraag me af waarom je niet gewoon een gif plaatje neemt; zal qua grootte van de te laden pagina vrij weinig uitmaken, aangezien het uit ongeveer 5-8 kleuren hoeft te bestaan. Dan ziet het er overal hetzelfde uit en scheelt het weer allerlei lastig trucks in css.

[Shaidar]

Heb je de laatste zin in de openingspost wel gelezen?

[Rowanov]

Ok, nevermind in dat geval.

Je kan natuurlijk nog altijd kiezen om plaatjes te genereren met php of met sIFR; dan ziet het er tenminste anti-alliased uit.