Autor | Zpráva | ||
---|---|---|---|
Rokka Profil |
#1 · Zasláno: 22. 2. 2008, 15:16:55
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 |
#2 · Zasláno: 22. 2. 2008, 15:24:42
Pseudotřídy u odkazů musí být v pořadí 1. link, 2. visited, 3. hover, 4. active, aby to fungovalo.
|
||
Bubák Profil |
#3 · Zasláno: 22. 2. 2008, 15:28:00
<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 |
#4 · Zasláno: 22. 2. 2008, 15:32:07
Rokko, ještě bych doplnil :focus.
|
||
Rokka Profil |
#5 · Zasláno: 22. 2. 2008, 15:50:05
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 |
#6 · Zasláno: 22. 2. 2008, 16:13:21 · Upravil/a: Bubák
...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 |
#7 · Zasláno: 22. 2. 2008, 16:40:41
Rokka
odkaz opakujen několikrát vedel sebe a pod sebou background-repeat: no-repeat; |
||
Bubák Profil |
#8 · Zasláno: 22. 2. 2008, 17:26:38
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. |
||
Časová prodleva: 16 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0