Please help with my hovering!

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi Folks
On this page http://www.leathersolutions.org/the-s... I have an internet explorer link image at the bottom, I didn't like the border displaying all the time so inserted 'border: 0px;' into the htlm code. Ideally I would like the border to show on hover only but can't find anyway to do this.
Any help would be good
Thanks
Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 8 years ago

  • 1
Photo of petercsea

petercsea

  • 153 Posts
  • 19 Reply Likes
Hello David,

Your site is developing well.

Are you familar with "mouseover" images? I think that is your answer or rather an answer.

Create another image of the same with a border. Give it a name and place it in your file manager preferably in the same folder as your current image.

Then create a mouseover-code.

Basically what this does is replaces the mouseout image (ie your static image) with a new one while the mouse is hovering.

Sanja has given a few references for automatic code generators for this on the post three below yours Mouse Rollover Effect.

Please get back to us if you require any further clarification of this.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Petercsea
I thought about a mouseover, the trouble is that would involve an htlm widget which would then pose positioning issues. If it exists, I'm looking for something as easy as it was for me to remove the border in the text widget by adding that small piece of coding, if not I may have to either leave as is or consider a mouseover
Photo of petercsea

petercsea

  • 153 Posts
  • 19 Reply Likes
I understand what you are saying. I've considered Fade-in/fade-out but it's the same problem.

I think I have it.

The Line: "Certain browsers, Firefox, Google Chrome etc may not be compatible with Paypal. For best results use:

Place that into a double column widget as text ie: add a text widget to the double column widget on the LHS.

Move your middle divider up to the last word with a tiny space appropriate. You will have to set up margins etc sometime but for now lets get the logistics.

Now in the RHS Paste the image of the IE as a mouse-over. This will give you the correct positioning. in alignment and relative positioning.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Good idea I'll try it on my test page to see what it looks like.
As its a new site please take a look around and let me know of any changes/improvements you think may help.