Autor Zpráva
Rokka
Profil
Ahoj všem, poradíte mi někdo jak vytvořit odkaz pomocí obrázků.

jedna se o tlačítko vstoupit na této stránce: http://www.reklamka.kvalitne.cz

Zkousel jsem to takto: HTML
<div><a class="area1" href="http://www.reklamka.kvalitne.cz/reklamka.html</a></div>

a CSS:

a.area1:link {background-image: url(Img/vstoupit.png); display:block; width:107px; height:35px;}
a.area1:active {background-image: url(Img/vstoupit.png); display:block; width:107px; height:35px;}
a.area1:visited {background-image: url(Img/vstoupit.png); display:block; width:107px; height:35px;}
a.area1:hover {background-image: url(Img/vstoupit_onPress.png); display:block; width:107px; height:35px;}

Nevíte někdo jak na to?
DJ Miky
Profil
Pseudotřídy u odkazů musí být v pořadí 1. link, 2. visited, 3. hover, 4. active, aby to fungovalo.
Bubák
Profil
<a class="area1" href="http://www.reklamka.kvalitne.cz/reklamka.html></a>

a.area1 {background: url(Img/vstoupit.png); display:block; width:107px; height:35px;}
a.area1:active, a.area1:hover {background: url(Img/vstoupit_onPress.png)}
Str4wberry
Profil
Rokko, ještě bych doplnil :focus.
Rokka
Profil
Díky za radu, mám problém. Když nastavím display block tak se odkaz opakujen několikrát vedel sebe a pod sebou. Když ho naopak vypnu tak se odkaz nezobrazí vůbec.

Focus? Vysvetli prosim vic.
Bubák
Profil
...mám problém...
Máš to rozbité a my máme rozbité křištťálové koule.

Focus?
Aby ti to fungovalo třeba ve Firefoxu nejen pro myšaře, ale i pro klávesáře (na tabulátor).
kletely
Profil
Rokka
odkaz opakujen několikrát vedel sebe a pod sebou
background-repeat: no-repeat;
Bubák
Profil
kletely
Pokud je blok stejně velký, jako obrázek pozadí, což v tomto případě je (width:107px; height:35px;), tak je deklarace "background-repeat: no-repeat;" zbytečná, chyba bude jinde.
Toto téma je uzamčeno. Odpověď nelze zaslat.