Autor Zpráva
Pavel123456
Profil *
Zdravím,
rád bych dosáhl tohoto efektu za pomocí first-letter:

<p><span style="padding: 2px 0px 6px 6px; color: white; background: red;">t</span><span style="padding: 2px 6px 6px 0; color: white; background: blue;">est</span></p>

Problém je ten, že když pro p:first-letter nadefinuji pozadí, tak je obtékané tím paddingem. Zkoušel jsem to různě obelstít, například dát background do p a pod., ale pořád nemohu přijít na nic, co by kolem textu vytvořilo vybarvené okraje.

Poradíte někdo?
Str4wberry
Profil
<style>
p {padding: 2px 6px 6px 0; color: white; background: blue}
p:first-letter {padding: 2px 0px 6px 6px; color: white; background: red;}
</style>

<p>test
Moc nerozumím. Rámeček vytvoříte borderem.
Pavel123456
Profil *
Problém je, že váš kód vypadá dle požadavků třeba v Opeře, ale v MF je kolem červeného prvního písmena modrý rámeček.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0