Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

OnMouseOver?

Status
Not open for further replies.

Busken

Technical User
Dec 14, 2004
19
SE
I´v have a piture to explain my problem.
tektips.jpg


When I move the mouse over those links, i want a picture to the right and a text at the top of the page at the same time.
Where the picture is, i have a <iframe>. Good choise?

How should I do this? I´m not so good at JavaScript, but if I must use It - I wont cry...

(I know, I´am realy bad to explain things, even worse in english.)
 
You won't be able to do this without Javascript and make it cross browser. I'm not sure you can even do what you want in any browser without javascript.

Take a look at and look at how that works. It only shows a single image on each link, but you may be able to adapt it to show 2.

Good luck.

Ben

----------------------------------------------
Ben O'Hara ----------------------------------------------
 
I do think you should be able to adapt Meyer's approach to suit your project, however it is hard to give more advice since I don't know what 'When I move the mouse over those links, i want a picture to the right and a text at the top of the page at the same time' exactly means. You want pictures to appear, pictures to change, is the big text a picture or a text, does it change when you hover on different links, etc. Most importantly, is this the whole page, or are the things just parts in a bigger page. And is it ok if it only works on hover but disappears when you move mouse away or should it stay.

Ben, your page (RobotParade) looks terrible in my FF.
 
Vragabond,
I am ashamed of the way my site looks in FF [blush]. It's something I've been aware of for a long time, but never had time to fix. It's due a massive overhaul, especially as the range of work I do is expanding.
You're actually the 2nd person this week to tell me, so I guess I really must sort it.

Thanks for the feedback.

Ben

----------------------------------------------
Ben O'Hara ----------------------------------------------
 
Ben, how about this?
Code:
body {
  [s][red]width: 100%;[/red][/s]
}

.mainbox {
  [s][red]width: 100%;[/red][/s]
  [b][blue]overflow: auto;[/blue][/b]
}

.box2 {
  [b][blue]width: 49%;[/blue][/b]
}

.box3 {
  [b][blue]width: 25%;[/blue][/b]
}
Add (remove) this from stylesheet and try again. I kinda like it more looking like that.
 
Thanks for these replies. I will test this today, and hopefully I can show you some results!
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top