View previous topic :: View next topic |
Author |
Message |
bj__
Joined: 09 Nov 2004 Posts: 65 Location: Karlovac
|
Posted: 26.02.2005 18:10 Post subject: CSS - prikaz slike na hover |
|
|
dakle, imam u tablici sliku koja sluzi kao link...
Code: | ...
<tr>
<td> <a href="#"><img src="..."></a> </td>
</tr>
...
|
i na jednom drugom mjestu u tablici imam sljedece
Code: |
...
<tr>
<td> <img src="..."> </td>
</tr>
...
|
ono sto bih htio je da kad predjem misem preko linka (slike) se slika dolje pojavi, a kad maknem mis sa linka da nestane... gledao sam malo one tutoriale, ali na svima je slika koja se "skriva i pokazuje" unutar istog div-a gdje je i link, a ovako kad nije, ne znam kako bih to napravio...
css znalci, pomagajte
(da, slike imaju i width i hight i alt tagove, nije mi se dalo prepisivat to sve)
p.s. mozda se ovo vec moglo negdje procitati ovdje, ali ja nisam nasao i ako je tako neka admin pobrise topic i usmjeri me na pravi topic |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 27.02.2005 10:17 Post subject: Re: CSS - prikaz slike na hover |
|
|
bj__ wrote: | (da, slike imaju i width i hight i alt tagove, nije mi se dalo prepisivat to sve) |
Slike nemaju width, height i alt tagove, nego atribute. Tag je npr. <img> |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
bj__
Joined: 09 Nov 2004 Posts: 65 Location: Karlovac
|
Posted: 27.02.2005 13:23 Post subject: |
|
|
@red - procitao sam, ali to je upravo ono sto sam napisao da ne znam primjeniti... u tim primjerima je svuda <a>Ovo je link <img ...> </a> i onda se na a:hover to prikazuje, a ovo sto bih ja htio je slika na potpuno drugom mjestu... zato sam tu i pitao, ovu stranicu koju si mi dao sam vec vidio...
@maratz - i stand corrected, nisam uopce razmisljao dok sam pisao... |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 27.02.2005 13:30 Post subject: |
|
|
bj__ wrote: | @red - procitao sam, ali to je upravo ono sto sam napisao da ne znam primjeniti... u tim primjerima je svuda <a>Ovo je link <img ...> </a> i onda se na a:hover to prikazuje, a ovo sto bih ja htio je slika na potpuno drugom mjestu... zato sam tu i pitao, ovu stranicu koju si mi dao sam vec vidio... |
Moguće je pozicionirati ju. Pogledaj kod za img, pa se poigraj sa vrijednostima... Ak ne ide, pitaj. |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 27.02.2005 15:20 Post subject: |
|
|
Ako nije slika direktno vezana za tekst linka, to se radi kombinacijom DOM/JS: Code: | <a href="http://..." onmouseover="document.getElementById('slika').style.display = 'block';" onfocus="document.getElementById('slika').style.display = 'block';" onmouseout="document.getElementById('slika1').style.display = 'none';" onblur="document.getElementById('slika1').style.display = 'none';">tekst linka</a>
<img id="slika" src="..." /> | Na ovaj način možeš pozicionirati link i sliku potpuno neovisno. |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
|