Autor | Zpráva | ||
---|---|---|---|
slamicz Profil * |
#1 · Zasláno: 17. 5. 2008, 09:03:36
Zdravím.
Potřeboval bych nějak vysvětlit, proč mi nejde použít filter na DIV. Zápis mám takto : #menu {height:500px;background-color:#E60D2E;margin-top:20px;margin-left:10p x;filter: Shadow(color=#9a9998,Direction=45°); width: 250px} Jak to mám udělat, aby to nějak fungovalo? Tady na jakpsatweb.cz jsem se u filtrů dozvěděl, že se filtry dají použít i na divy. ...Filtry se podle mojí zkušenosti dají aplikovat pouze na obrázky a rozměrované elementy (nejlépe element DIV s udanou výškou, nebo šířkou)... ze stránky O filtrech Moc moc díky za rady. |
||
Railbot Profil |
#2 · Zasláno: 17. 5. 2008, 09:26:27
Nejsem expert na podivnosti jako jsou filtry, ale řekl bych, že tam máš chybu.
direction=45 |
||
Bubák Profil |
#3 · Zasláno: 17. 5. 2008, 09:43:18
direction=45
To jsem si taky myslel, ale IE pak nevezme pouze tuto hodnotu a hodí stín do výchozí polohy 225°. Přestože jsem kdysi filtry dělal pokusy, nevěděl jsem, že tomuhle filtru vadí pozadí. Použij obalový DIV, kterému dáš šířku a pozadí. filter: shadow(color=#9a9998,direction=225); /* pro IE */ text-shadow: 4px -4px 6px #666; /* pro Konqueror, Safari, Opera 9.5 */ text-shadow vypadá trochu jinak, ale myslím, že to v tomto případě tolik nevadí. |
||
slamicz Profil * |
#4 · Zasláno: 18. 5. 2008, 13:47:05
Aha. Díky za radu, ale vůbec mi ten filter nefunguje. Mrkni se na mojí stránku , kam jsem to zatím uložil.
|
||
slamicz Profil * |
#5 · Zasláno: 18. 5. 2008, 13:47:56
Chci ten stín na ten červený DIV.
|
||
Bubák Profil |
#6 · Zasláno: 18. 5. 2008, 14:06:36 · Upravil/a: Bubák
CSS:
#menu-obal {background-color:#E60D2E; margin-top:20px; margin-left:10px; width: 250px;} #menu {height:500px; filter: shadow (color=#9a9998,direction=225); text-shadow: 4px -4px 6px #666;} HTML: <div id="menu-obal"> <div id="menu"> <h1>Text se stínem</h1> </div> </div> Výšku menu nemusíš zadávat, pak bude vysoké podle obsahu. Na menu je vhodnější tag MENU, nebo UL (můžeme menu chápat jako seznam odkazů), na jednotlivé položky tagy LI. |
||
slamicz Profil * |
#7 · Zasláno: 18. 5. 2008, 21:40:50
Jasně, to je stín na písmo. Ale když chci stín na celý objekt menu-obal ? Nechci tam moc rvát obrázky, protože se to pak pomalu nahrává ta stránka a také nejsem moc dobrý v té grafice.
|
||
slamicz Profil * |
#8 · Zasláno: 18. 5. 2008, 21:42:34
Asi jsem se špatně vyjádřil. Chci, aby celý ten objekt menu (ten červený sloupec) měl šedivý stín.
|
||
Davex Profil |
#9 · Zasláno: 18. 5. 2008, 22:04:01
slamicz
Tak udělej dva vnořené divy. První s šedivým pozadím a druhý s červeným, který bude pomocí relativního pozicování posunut nahoru a doleva. <div class="stin"> <div id="menu"> Menu </div> </div> .stin { background-color: #999; padding: 0; margin: 30px 0 0 20px; float: left; } .stin #menu { height:500px; width: 250px; position: relative; top: -10px; left: -10px; background-color: #e60d2e; } |
||
slamicz Profil * |
#10 · Zasláno: 18. 5. 2008, 22:23:11
Hezkýýý!!! To je ono, to jsem přesně potřeboval!!!! MOC DĚKUJU, BUDU TĚ VŠUDE CHVÁLIT!!!! :)
|
||
Časová prodleva: 16 let
|
0