| Autor | Zpráva | ||
|---|---|---|---|
| P7 Profil * |
#1 · Zasláno: 14. 6. 2008, 22:46:58
Potřeboval bych vědět, jak udělat odkaz z obrázku, který se po najetí kurzoru změní. Na stránce mám 3 obrázky a chtěl bych aby po najetí kurzoru se každý změnil a sloužil zároveň jako odkaz děkuji.
|
||
| Bubák Profil |
#2 · Zasláno: 14. 6. 2008, 23:03:52
|
||
| Railbot Profil |
#3 · Zasláno: 14. 6. 2008, 23:22:32
Nebo pomocí CSS sprites, měnící se pozice pozadí prvku.
|
||
| P7 Profil * |
#4 · Zasláno: 14. 6. 2008, 23:35:51
A šlo by to nějak stručně popsat nebo vysvětlit děkuji.
|
||
| Bubák Profil |
#5 · Zasláno: 14. 6. 2008, 23:54:44 · Upravil/a: Bubák
Co ti z toho není jasné?
<style type="text/css">
a {display:block; width:493px; height:109px; overflow:hidden;}
a:hover {text-indent:-493px;}
a img {border:none;}
</style>
<a href="#">
<img src="two-in-one.jpg" width="986" height="109" alt="">
</a>width:493px; height:109px - šířka, výška odkazu overflow:hidden; - půlka obrázku se schová a:hover {text-indent:-493px;} - posunutí obrázku při najetí myši je vidět druhá půlka obrázku a img {border:none;} - klasické zrušení orámování obrázkového odkazu |
||
| P7 Profil * |
#6 · Zasláno: 15. 6. 2008, 10:16:22
Už jsem se o to pokoušel, ale nedaří se mi to. To posunutí je jasné, ale mám samostatné obrázky, takže nevím, jak jeden překrýt druhým.
|
||
| anonym Profil |
#7 · Zasláno: 15. 6. 2008, 11:20:16
Dej všechny obrázky vedle sebe do jednoho obrázku.
|
||
| P7 Profil * |
#8 · Zasláno: 15. 6. 2008, 15:46:38
No a jde to nějak jinak vyřešit než sloučením obrázku???
|
||
| Bubák Profil |
#9 · Zasláno: 15. 6. 2008, 16:31:53
Jde, úplně jednoduše:
<img src="img1.jpg" width="493" height="109" alt=""> <img src="img2.png" width="493" height="109" alt=""> O něco málo složitější je zbavit se mezery mezi obrázky, to jde řešit zbavením se mezery v HTML kódu (kód na jednom řádku, nebo zalomením v tagu IMG, nebo zakomentováním mezery), nebo floatem obrázků v CSS. |
||
| P7 Profil * |
#10 · Zasláno: 16. 6. 2008, 19:18:38
Už to jede, ale zas mám problém to hodit ten obrázek na střed. Kdyby jste mi ještě s tím pomohli, děkuji.
|
||
| peta Profil |
#11 · Zasláno: 17. 6. 2008, 09:42:58
"obrázek na střed"
az budes vedet, co to znamena, tak to prosim te napis do fora. - na stred vuci cemu, kde, u jakeho prvku? - horizontalne? - vertikalne? atd... jakpsatweb - css - priklady |
||
| Bubák Profil |
#12 · Zasláno: 17. 6. 2008, 10:23:11
a {display:block; width:493px; height:109px; overflow:hidden; margin: auto;}
Pokud ti to nepůjde v IE, dej nadřazenému elementu: text-align: center; |
||
|
Časová prodleva: 16 let
|
|||
0