Autor Zpráva
ondra256
Profil
Dobrý den,

Zde mám živou ukázku kódu: http://kod.djpw.cz/ssjb

Potřeboval bych aby pravý kraj a levý kraj divu first byl trochu průhledný. Na začátku levé strany byl skoro průhledný a čím víc by bych se díval směřem ke středu divu tím by byl průbhledný míň. To samé od levé strany. TAkže na bocích průhledný hodně a uprostřed vůbec.

A také si nevím rady jak docílit toho abych v mini-menu měl odkaz "akce 2" na úrovni prostředku tlačítka, které je nalevo od odkazu. Jinými slovy: potřebuju odkaz posunout o pár pixelů výš vzhledem k obrázku nalevo.

Nevíte někdo jak nato?
Tomáš123
Profil
ondra256:
TAkže na bocích průhledný hodně a uprostřed vůbec.
Možno by šlo skombinovať gradient a prechod z transparent do požadovanej farby (transparent je ale úplná priehľadnosť a CSS nepracuje na báze vnárania príkazov, aby šlo zapísať background: linear-gradient(to right, (opacity: .5 green), red, (opacity: .5 green);). Ak by aj takýto zápis fungoval, určite by to nebolo natoľko spoľahlivé, aby šlo riešenie využiť. Možno existuje riešenie, o ktorom neviem, počkaj si na príspevky ostatných. Najjednoduchšie mi ale príde použiť obrázok.

na úrovni prostředku tlačítka
Obrázku nastav vertical-align: middle.
Bubák
Profil
Tomáš123:
Možno by šlo skombinovať gradient a prechod z transparent do požadovanej farby
Gradient může být vícebarevný a v gradientu mohou být i průsvitné RGBA barvy.
ondra256:
Uprav si podle svých potřeb, pokud nedáš přednost obrázku (doporučuji použít obrázek na pozadí):
http://www.colorzilla.com/gradient-editor/#000000+0,000000+40,000000+60,000000+100&0.1+0,1+40,1+60,0.1+100;Custom

Najjednoduchšie mi ale príde použiť obrázok.
A navíc řešení s PNG obrázkem na pozadí bude fungovat od IE7 výše, takže v podstatě ve všech dnes používaných prohlížečích.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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