PNG menu tab mouseover not displaying...

User 2519931 Photo


Registered User
33 posts

I'm trying to add transparency to my menu bar (in the header). The menu tab shows transparency but the mouseover is black. This has happened when I've tried to use PNG's for mouseover on coffeecup before.
Here is the URL for my temp site. http://thruwayspring.coffeecup.com/
Any idea what the problem could be?
Thanks!
-Kate.
User 271657 Photo


Ambassador
3,816 posts

Hi KB,
A really easy way to get around this would be to set your link colors in VSD's Settings (Standard Settings for New Pages). Since your links are text (rather than fancy buttons of some sort), you can skip the PNG/mouseover issue altogether.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2519931 Photo


Registered User
33 posts

Thanks Paintbrush.
My header has an image on it and my sidebar has a gradient background colour (the background for each menu tab would have to be changed every time I move them), so I do need them to be transparent. Eric's progrower site has an option for transparent gif's. Seems there might be a problem with PNG's.
User 271657 Photo


Ambassador
3,816 posts

My header has an image on it and my sidebar has a gradient background colour

...which is why I would use text links. You can position them over the other page elements without worrying about transparency and let your default link styles change the color on hover.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2147626 Photo


Ambassador
2,958 posts

You don't have transparent png buttons for your menu. I looked at the source code for your page and it is loading .jpg buttons on mouseover. Need to make sure you have .png buttons loading.

<div class="Object1982"><a href="index.html" onMouseOver='img_mo0.src="files/mo_home.jpg"' onMouseOut='img_mo0.src="files/home.png"'><img src="files/home.png" name="img_mo0" alt="" width="50px" height="30px"></a></div>
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 184085 Photo


Ambassador
1,707 posts

Yes, your hover over png's have a black background instead of being transparent. I have limited experience with VSD (I'm an old school guy) so this is as far as my diagnosis goes :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 2519931 Photo


Registered User
33 posts

OOOOH. sorry paintbrush I misunderstood what you were saying. Didn't think about using text without the button. Will try that. Will still need to use PNG/ GIF later on, so will be good to know how to do that too.
User 2519931 Photo


Registered User
33 posts

David- I have spoken with support and it seems to be something they're working on fixing. My mouseover image is actually transparent, so not sure why it's appearing that way.
User 2147626 Photo


Ambassador
2,958 posts

Need to just change that 'mo_home.jpg' button to a transparent .png button and you'll be fixed. Do that for every button you are using.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 271657 Photo


Ambassador
3,816 posts

Here's an example, just hover over the links:

http://ccd.coffeecup.com/Page5.html
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

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.