[HTML,CSS] rollover
zdravim, snazim se pomoci css docilit rollover efektu, ale nejak se mi to nedari... jde mi o to, aby se obrazek umisteny do divu po najeti kurzem zmenil a po klinkuti odkazal na jinou stranku.. doposud jsem toto resil javascriptem, ale rad bych toho docil pomoci css, jestli to jde...
ntb acer aspire 5024 wlmi
Re: [HTML,CSS] rollover
a {
background-color: #FF0000;
}
a:hover {
background-color: #0000FF;
}
GigaByte GA-M55plus-S3G --- A64 3200+ @ 24oo ~ 1,375V BOX --- 2x512 Geil 667 CL4 @ 980 CL5 --- WD2500KS --- Acer AL1721ms --- 1/1 MBit/s via WiFi
Blog
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0 aneb jeste ze ty "ochrany" programujou rozumny lidi :]
Re: [HTML,CSS] rollover
Re: [HTML,CSS] rollover
2 meluzina: to je rollover vytvorenej pomoci zmeny barvy a ne obrazku...
2 jedik: oni ale pro vytvoreni odkazu pouzivaji text, ja potrebuju ten odkaz vytvorit pomoci obrazku
ntb acer aspire 5024 wlmi
Re: [HTML,CSS] rollover
nebyl jsem si jistej syntaxi atributu background-image a myslel jsem ze bys to vymyslel sam.
tak tady ti napisu zmenu obrazku, ale nezarucuju syntaxi:
a {
background-image: url('obr1.jpg');
}
a:hover {
background-image: url('obr2.jpg');
}
Ovsem kazdopadne tam nakej javascript dej, aby byly obrazky predem nacteny v cachy prohlizece, jinak to bude problikavat.
GigaByte GA-M55plus-S3G --- A64 3200+ @ 24oo ~ 1,375V BOX --- 2x512 Geil 667 CL4 @ 980 CL5 --- WD2500KS --- Acer AL1721ms --- 1/1 MBit/s via WiFi
Blog
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0 aneb jeste ze ty "ochrany" programujou rozumny lidi :]
Re: [HTML,CSS] rollover
to ale porad neresi muj problem... k cemu mam ten CSS styl cos mi napsal priradit? predpokladam ze k odkazu (vytvorenyho z textu), ale to ja nechci...
ntb acer aspire 5024 wlmi
Re: [HTML,CSS] rollover
A co chces? Nestaci ti mit na strance prvek, ktery bude mit vzhled obrazku, rollover efekt a funkcnost odkazu?
pouziti toho co tu s jedikem pisem je takove:
<html>
blablablabla
<a href="odkaz.nekam.html"></a>
blablabla
</html>
k tomu pripojis tenhle css:
a {
background-image: url('obr1.jpg');
width: 100px;
height: 20px;
}
a:hover {
background-image: url('obr2.jpg');
}
GigaByte GA-M55plus-S3G --- A64 3200+ @ 24oo ~ 1,375V BOX --- 2x512 Geil 667 CL4 @ 980 CL5 --- WD2500KS --- Acer AL1721ms --- 1/1 MBit/s via WiFi
Blog
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0 aneb jeste ze ty "ochrany" programujou rozumny lidi :]
Toto téma si právě prohlíží 1 uživatelů. (0 registrovaných a 1 anonymních)
Pravidla přispívání
Odpověď s citací