Autor Zpráva
StrikerCZE
Profil *
Dobry den, z jednoho webu jsem odkoukal tento zpusob zapisovani odkazu tvorenym obrazkem - pochopil jsem ze vyhody tohoto zapisu jsou:
- ze se napred nacte text odkazu a potom se prekryje obrazkem
- odkaz jakz takz funguje i bez pouziti CSS nebo pri vyplych obrazcich

Zjednodusene

HTML <a href="#">Text odkazu ktery se prekryje obrazkem<span></span></a>
CSS
a {width: 100px; height: 100px; display: block;}
span {w: 100%; h: 100%; display: block; background: url('...obrazek');}

Toto mi funguje dobre ale potreboval bych po najeti na odkaz zmenit nebo prinejlepsim posunout obrazek na pozadi spanu, je to nejak jednoduse mozne nebo se to da vyresit nejak jinak? dekuji za odpoved
shamania
Profil
StrikerCZE
a:hover span{background: url('...jiný obrazek');}
Takhle to bude určitě fungovat ve FF a jiných, ale pro IE si budeš muset sehnat soubor "hover.htc", který obsahuje kód umužnující v IE aplikovat hover efekt na všechny tagy a třídy a né jen na odkazový "a" tag..
StrikerCZE
Profil *
OK, vypada to docela jednoduse tak snad to nejak zvladnu... Jinak myslite ze je ten styl kterym to pisu dobry nebo byste naformatovali uplne jinak? Videl jsem to na webu ktery delal profik, pouzil to jenom u loga takze nevim jestli neni na buttonky neco vhodnejsiho
Plaváček
Profil
StrikerCZE


Jde to i bez HTC, viz můj starší návod:

http://weblog.plavacek.net/2005-03.html#1110452481
Toto téma je uzamčeno. Odpověď nelze zaslat.

0