Autor Zpráva
LookyCPL
Profil
Zdravim...potřebuji vytvořit odkaz ve tvaru kola. Jako pozadí mám obrázek (kolo vepsané ve čtverci). Potřebuji ale, aby odkaz byl pouze to kolo a ne i rohy čtverce (odkaz je tedy celý čtverec). Rohy jsou v obrázku neviditelné a na stránce tak nejsou vidět, ale pokud na ně najedu kurzorem, tak fungují jako odkaz. Děkuji
T.Thomas
Profil *
Kliací mapa
https://www.google.cz/?gws_rd=cr&ei=73pZUoSWHcHq4gTevIGIDQ#q=html+klikac%C3%AD+mapa
margin
Profil *
Pokud to vadí, tak mě napadají tyto možnosti:
- border-radius: 50%; nepodporují všechny prohlížeče a některé prohlížeče zaoblí element, ale nezaoblí aktivní plochu, takže jde o dost polovičaté řešení
- do odkazu vložit spany, které budou mít vhodnou velikost a umístění, díky čemuž bude aproximován kruhový tvar, čím lepších výsledků chceš dosáhnout, tím pracnější, podle mého bude rozumný kompromis 5 spanů
- klikací mapa, musí se použít na IMG, nikoliv na pozadí, a pokud bys požadoval hover efekt, tak to nejde jen pomocí CSS, ale musí se přidat JavaScript
LookyCPL
Profil
Díky..nakonec jsem zkusil dát border-radius:100%; přímo odkazu a funguje. Ovšem teď mám již stejný problém s jiným odkazem, který už ovšem nemá tvar kruhu :-D Zkusím tedy tu klikací mapu s tvarem polynomu. A určitě budu muset použít na hover efekt JavaScript ? Nedá se to nějak obejít v CSS ??
martin1312
Profil
Nedá. Pozri tento jQuery plugin http://davidlynch.org/projects/maphilight/docs/

//EDIT: samozrejme ide to aj jednoduchším JS scriptom ak máš napríklad ten hover tvar v .png a podobne ale záleží to od rozsahu použitia.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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