Autor Zpráva
Magor
Profil *
Zdravím, potřeboval bych poradit s CSS formátováním. Můj záměr je vytvořit text, který začíná a končí uvozovkami. Text bude mít normální velikost zhruba 12 pt, první a poslední písmeno by mělo mít velikost zhruba 60pt. Zkoušel jsem snad milion způsobů, jak to zarovnat, ale pokaždé je buď to první nebo poslední rozházeno nahoru, dolů nebo je nad či pod prázdná "kapsa". Díky za pomoc.
Str4wberry
Profil
Odpovídám Magorovi:
Zkusil bych to třeba nějak takto:
<style>
p {position: relative}
p span {position: absolute; font-size: 60pt;}
p span.ld {top: 0; right: 0}
</style>
<p><span>„</span>Text<span class='ld'>“</span>
A ještě si pohrát s přesnou pozicí.

V některých prohlížečích by šlo použít :before/:after a content.
Nox
Profil
ještě normální prohlížeče berou :first-letter (jestli i :last-letter nevim), ale na podporu IE6 samozřejmě zapomeň;)
Plaváček
Profil
Nox

IE 6 :first-letter samozřejmě umí. Něco jako last-letter neexistuje.
Nox
Profil
Omlouvám se, už sem to bral jako samozřejmost, že tam cokoliv pokročilejšího nefunguje, měl jsem to vyzkoušet
Magor
Profil *
Díky, vyzkouším. Ještě jsem dál hledal na internetu a našel k tomu tuto stránku. Do určité velikosti to vypadá fajn, bohužel u té největší to začne v MSIE 7 zase vylézat mimo.
Str4wberry
Profil
Odpovídám Magorovi:
„Ještě jsem dál hledal na internetu […]“
Nezapomeň, že u nás se píší uvozovky jinak (půjde-li o české texty).

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0