Colors get dull upon mouseover - Page 1

User 367884 Photo


Registered User
65 posts

Hi. I found one similar question in the forum from a few years ago, but it was never answered, so I'll ask it again and see if anybody has an explanation or solution -- hopefully both. When I hover over my mouseover, the color of the mouseover image gets dull. I have made a sample page illustrating what I mean. See below. Both images are gifs, while the mouseover image is the exact same image as the original, except, as you will see, has an additional dashed line around it with an "X" and little stick figure. The red words "Rules and Tips" change to a duller red upon mouseover. Any ideas on how to keep the words looking the same upon mouseover? I'm using VSD V6.0 build 6. I really don't want to update to 7.

http://www.custardquest.com/testpage.html

Thanks,

Tom

User 364143 Photo


Guest
5,410 posts

Well, they are two different images. One is a gif and one is a jpg. So, chances are that the text is not the same color in both images.
CoffeeCup... Yeah, they are the best!
User 187934 Photo


Senior Advisor
20,271 posts

Yup, What Tomalicious said.
You need to update to Version 7.0:)
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
User 367884 Photo


Registered User
65 posts

Hmm. Interesting. Does VSD convert one of the images from a .gif to a .jpg when you create a mouseover? Both the original and mouseover were created and saved in Illustrator as .gifs and placed into VSD as .gifs. I agree that could be creating the issue, but does VSD convert one after creating a mouseover?

Thanks for taking a look.
User 187934 Photo


Senior Advisor
20,271 posts

Yes it appears that VSD will convert it to a jpg. You could just hard code the mouseover with a HTML box.:)
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
User 367884 Photo


Registered User
65 posts

I could do that if I knew anything about html. :D I guess I could create them both as jpgs and see what happens. Thanks for diagnosing my issue and noticing the gif/jpg discrepency Rolly and Tomalicious.

User 367884 Photo


Registered User
65 posts

I have added an original and mouseover image that I saved in Illustrator as jpgs to the test page link in my earlier post. See http://www.custardquest.com/testpage.html

So there are two questions: (1) why does VSD convert the mouseover image to a jpg (as discussed in my earlier post and as illustrated by the image on the right on my test page)?; and (2) why do jpgs appear so dull and washed out when placed into VSD (even though they are nice and bright prior to uploading), as compared to a gif, which is bright (both before uploading and after)?
User 187934 Photo


Senior Advisor
20,271 posts

I'm not totally sure why it works this way. I bet it has to do with VSD being able to render the site as close to the original as possible and still be a WYSIWYG program. This is why I made the work around for users.:)
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
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

A .jpg has always been called a 'lossy' format. It is something about the way the information about each pixel is saved. When you compare the file size of a gif and a jpg, you will see that something must have been lost somewhere, as the jpg is smaller.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 367884 Photo


Registered User
65 posts

Well, thank you Inger for taking a stab at it. The "lossy" format concept makes some sense, but the "loss" must occur somewhere after the site is uploaded, not during "saving" per se, because when I view the same jpg and gif in VSD, they are identical in "brightness." It is only after viewing the jpg vs. the gif in the preview browser or after actually uploading the website that the change in brightness occurs. I don't know if that makes sense either, but it's my own non-technical stab at it. I'll google the concept and see what I can find.

I also submitted a support ticket to see if I could get an explanation.


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.