I am trying to create a transparent png mouseover button. The original image looks great - the words are transparent. However, when I preview the website, the original object is transparent, but the mouseover object has a black box around it. I tried uploading the site with the same result. Is there a way to keep the mouseover transparent?
I am using VSD 7.
Need a transparent png mouseover...
Amy Bills
Registered User
133 posts
Eric Rohloff
Senior Advisor
20,271 posts
Here's one way.
http://progrower.coffeecup.com/mouseovergif.html
http://progrower.coffeecup.com/mouseovergif.html
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
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
Amy Bills
Registered User
133 posts
Eric,
Thanks for your help. I tried putting my information in the code (I'm sure I didn't do something right), but when I previewed the site, I saw html code where the button should be. Here is the code I used:
<a href="http://idabelallen.com"
onMouseover="myimage.src='images/idablog.gif'"
onMouseout="myimage.src='images/idablog_gray.gif'">
< img src="images/idablog_gray.gif"
width=90
height=72
border=0
name="myimage">
< /a>
Thanks for your help. I tried putting my information in the code (I'm sure I didn't do something right), but when I previewed the site, I saw html code where the button should be. Here is the code I used:
<a href="http://idabelallen.com"
onMouseover="myimage.src='images/idablog.gif'"
onMouseout="myimage.src='images/idablog_gray.gif'">
< img src="images/idablog_gray.gif"
width=90
height=72
border=0
name="myimage">
< /a>
Eric Rohloff
Senior Advisor
20,271 posts
Did you put the code in a HTML box.
Also make sure you added the two gif images to a folder in VSD called images
ctrl + alt + f
then click on {Root}
then click on add folder
Also make sure you added the two gif images to a folder in VSD called images
ctrl + alt + f
then click on {Root}
then click on add folder
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
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
Amy Bills
Registered User
133 posts
I did all that, but the results are the same 
I may have to figure something else out...
I may have to figure something else out...
Eric Rohloff
Senior Advisor
20,271 posts
Paste this code into the html box.
<a href="http://idabelallen.com" onmouseover="myimage.src='images/idablog.gif'" onmouseout="myimage.src='images/idablog_gray.gif'">
<img width="90" border="0" height="72" name="myimage" src="images/idablog_gray.gif"></a>
<a href="http://idabelallen.com" onmouseover="myimage.src='images/idablog.gif'" onmouseout="myimage.src='images/idablog_gray.gif'">
<img width="90" border="0" height="72" name="myimage" src="images/idablog_gray.gif"></a>
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
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
Amy Bills
Registered User
133 posts
I tried that, but I still didn't have any luck. I ended up creating new jpeg buttons and filling in the button backgrounds with the background of my web page. It looks fine and the mouseover works. Thanks for your help, Eric. I really appreciate it.
Eric Rohloff
Senior Advisor
20,271 posts
Did you actually try this code? Yours had a couple of small errors that I corrected.
Eric Rohloff (Rolly) wrote:
Paste this code into the html box.
<a href="http://idabelallen.com" onmouseover="myimage.src='images/idablog.gif'" onmouseout="myimage.src='images/idablog_gray.gif'">
<img width="90" border="0" height="72" name="myimage" src="images/idablog_gray.gif"></a>
Paste this code into the html box.
<a href="http://idabelallen.com" onmouseover="myimage.src='images/idablog.gif'" onmouseout="myimage.src='images/idablog_gray.gif'">
<img width="90" border="0" height="72" name="myimage" src="images/idablog_gray.gif"></a>
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
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
HotWheels
Registered User
266 posts
i wish this feature could be enabled soon !
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.
