Mouseover infront of image - Post ID...

Feb 16th, 2011 at 08:58 AM
User 2089617 Photo

Andrew J Cranswick
Registered User
58 posts

Hi All

I am wanting to use mouse over/Buttonize but with my current project i am wanting my buttons to sit directly in front of an image (.jpg).

Is there any way to get around the error that VSD always gives you when a rollover image touches another image?? :mad:

Any help would be really appreciated..
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
Feb 16th, 2011 at 11:30 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Andrew this can be done. Use an html box to reference the image behind your mouseover.:)
<img src="images/mypic.jpg" width="300" height="200" alt="" title="" border="0" />


Paste the code then add a folder to VSD with your images.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 16th, 2011 at 02:47 PM
User 2089617 Photo

Andrew J Cranswick
Registered User
58 posts

Hi Eric

This looks simple enough, I will give it a try.....

Many Thanks. :)
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
Feb 16th, 2011 at 07:16 PM
User 2089617 Photo

Andrew J Cranswick
Registered User
58 posts

Hi Eric

I have tested it but it does not seem to work properly as I seem to get a white box behind the rollover.

Take a look at the attachment and see what you think....

Attachments:
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
Feb 16th, 2011 at 08:37 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Are those your own hand made objects in VSD or png images? A link might help diagnose the problem.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 17th, 2011 at 06:26 AM
User 2089617 Photo

Andrew J Cranswick
Registered User
58 posts

Hi Eric

Here is the test URL. http://www.rotherhamironingservices.co.uk/

The big white boxes were related to the drop shadow but these have now been removed but I still have a white outline around the button, I think this is related to the curved edges on the button but I could be wrong...

:/
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
Feb 17th, 2011 at 08:29 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

The effect on the object with the round edges is causing the problem.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 17th, 2011 at 09:17 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Andrew, Just for the fun of it I placed the same object with a mouseover with round corners on top of a jpg on the same page and VSD let me do it. Not sure why it did but I'm not going to argue. The "This is behind" box is a jpg that I made inserted with the picture tool in VSD. So give that a try.

Make sure your mouseover objects don't touch each other.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 17th, 2011 at 09:37 AM
User 2089617 Photo

Andrew J Cranswick
Registered User
58 posts

Err!! OK??

I have just tried it too and its now working. I cant say I know why but I have only been able to do this with simple VSD shapes in the past...

Problem solved.

Many thanks...
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.