| Autor | Zpráva | ||
|---|---|---|---|
| Jakub_mt Profil |
#1 · Zasláno: 8. 7. 2008, 14:21:55
Zdravím
Mám obrázok, definovaný ako odkaz: <a href="index.html"><img class="button_home" src="images/button_home.png"></a> Potrebujem ale, aby sa po prejdení myšou ponad tento odkaz zmenil obrázok button_home.png na button_home_hover.png, čiže tzv. hover. Neviem ale ako to zapísať do CSS... vďaka za rady... |
||
| joe Profil |
#2 · Zasláno: 8. 7. 2008, 14:29:17
V první řadě nedávaj tag img na dekorativní obrázky, tj. i menu stránek. IMG je na obrázky v obsahu.
Tvůj kód by byl <a href="index.html">Domů<span></span></a> CSS a { position: relative; overflow: hidden; } + nastaveni vysky a sirky a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/button_home.png) no-repeat; } a:hover span { background-image: url(images/button_home_hover.png); } |
||
| srigi Profil |
#3 · Zasláno: 8. 7. 2008, 14:46:38
|
||
| Jakub_mt Profil |
#4 · Zasláno: 8. 7. 2008, 19:23:53
srigi: Spravil som to podľa toho aj to funguje, ale iba pokiaľ je style definovaný v index.html. Pokiaľ ho dám do samostatného súboru style.css, už to nefunguje.
Čiže mám: <style>#button_home {
margin: 0; padding: 0;
}
#button_home a {
display: block;
width: 206px; height: 86px;
margin: 0; padding: 0;
background-image: url("images/button_home.png") top left no-repeat;
text-decoration: none;
}
#button_home a:hover {
background-image: url("images/button_home_hover.png");
}
#button_home a span { display:none }</style>Pokaľ ale horeuvedený kód dám do samostatného súboru style.css, už to nefunguje, odkaz je síce tak ako bol, avšak bez obrázku. Neviem kde robím chybu... |
||
| Bubák Profil |
#5 · Zasláno: 8. 7. 2008, 19:45:13 · Upravil/a: Bubák
Neviem kde robím chybu...
Pravděpodobně v cestě k obrázku. Dodatek: je relativní vzhledem k CSS souboru. |
||
| Jakub_mt Profil |
#6 · Zasláno: 8. 7. 2008, 19:52:09
:D že ma to skôr nenapadlo... človek si láme hlavu ako blázon, pozerá do toho celé hodiny, skúša všetko možné a pritom je to úplna maličkosť...
|
||
|
Časová prodleva: 16 let
|
|||
0