Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
CSS - prikaz slike na hover

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
bj__



Joined: 09 Nov 2004
Posts: 65
Location: Karlovac

PostPosted: 26.02.2005 18:10    Post subject: CSS - prikaz slike na hover Add user to your forum ignore list Reply with quote

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 Smile

(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 Smile
Back to top
View user's profile Send private message Twitter profile
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 26.02.2005 18:19    Post subject: Add user to your forum ignore list Reply with quote

http://www.meyerweb.com/eric/css/edge/popups/demo.html. Pročitaj, isprobaj, primijeni.

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 27.02.2005 10:17    Post subject: Re: CSS - prikaz slike na hover Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
bj__



Joined: 09 Nov 2004
Posts: 65
Location: Karlovac

PostPosted: 27.02.2005 13:23    Post subject: Add user to your forum ignore list Reply with quote

@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
View user's profile Send private message Twitter profile
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 27.02.2005 13:30    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 27.02.2005 15:20    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group