ugrás a tartalomhoz

Szöveg+árnyék, negatív "margin"-nal - szabad?

Anonymous · 2005. Jún. 24. (P), 09.41
Sziasztok

A kezdő kérdésem az lenne, korrekt megoldás árnyékolt szöveget íly módon megjeleníteni?

<div style="margin-top: 0px; margin-left: 1px; font-weight: bold; color: #000000; font-size: 22px;">Szöveg...</div>
<div style="margin-top: -26px; margin-left: 0px; font-weight: bold; color: #A0A0A0; font-size: 22px;">Szöveg...</div>

Vagy létezik esetleg más, szebb megoldása ennek a feladatnak?

Köszönöm!
 
1

őő

Anonymous · 2005. Jún. 24. (P), 09.55
most hirtelen nem tudom, h ie támogatja-e, de én így csinálnám:

<div style="margin-top: -26px; margin-left: 0px; font-weight: bold; color: #A0A0A0; font-size: 22px;"><span style="margin-top: 0px; margin-left: 1px; font-weight: bold; color: #000000; font-size: 22px; content: 'Szöveg...'"></span>Szöveg...</div>
2

google, felolvasók szöveges böngészők

Jano · 2005. Jún. 24. (P), 10.09
Ahol bezavarhat: Nehogy Google trükközésnek vegye a duplázott szöveget és letiltsa az oldalt.

Felolvasó progik kétszer olvassák fel a hallgatónak. Ezt megakadályozhatod szerintem ha az egyikre display:none-t állítasz az aural mediás css-ben.

Ahol nem tudsz mit kezdeni a dologgal az a szöveges böngészők (links, lynx) ott bizony 2x fog megjelenni.

A content:"szoveg" szabalyt az IE nem ismeri. Viszont ha jól tudom van neki valami filter-e. Nézd meg ezt az oldalt: IE text-shadow itt dinamikusan adják hozzá.

Safariban van text-shadow ha jol tudom.