file Syntax for tooltip with image

More
11 years 11 months ago #105 by jp2008
Syntax for tooltip with image was created by jp2008
Great extension, however we are looking at using it on pictures as well. What we would like to do is have a picture displayed in the center of our homepage with a tooltip that appears upon the mouse hovering over the image. Not quite sure how the syntax would look with your extension, if it is possible?

Thanks in advance!

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #106 by carsten888
Replied by carsten888 on topic Re:Syntax for tooltip with image
yes, you can use images.

use the normal syntax in your editor:


Then replace "link" with the image you want.

select link, click om the image button and insert your image.

You will get a dotted line under your image. If you don't like that, edit the css-file.

:)

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #107 by jp2008
Replied by jp2008 on topic Re:Syntax for tooltip with image
Thanks for the reply. That worked perfectly. We can now include the tooltip functionality on some of our images.I also removed the dashed line in the css and that looks perfect now.

Only question is with regards to the hover box for the tooltip. Right now, it displays on th bottom left of the picture but I would like to display this on the right upper corner instead. I played around with the below css, but was unsuccessful. Any suggestions for moving this tooltip hover box?

.tooltip span span{
display: none;
position: absolute;
background-color: #E2EFF0;
border: 1px solid blue;
padding: 10px;
color: black;
text-decoration: none;
width: 250px;
z-index: 100;
top: 20px;
left: -30px;
}

Thanks again!

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #108 by carsten888
Replied by carsten888 on topic Re:Syntax for tooltip with image
its the top and left values you need to play with to position your tooltip.

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #109 by jp2008
Replied by jp2008 on topic Re:Syntax for tooltip with image
Great....that is starting to work.....thanks again!

Please Log in or Create an account to join the conversation.

More
11 years 3 months ago - 11 years 3 months ago #1017 by sanch
Replied by sanch on topic Re:Syntax for tooltip with image
Solved It was a typo on my part
Last edit: 11 years 3 months ago by sanch.

Please Log in or Create an account to join the conversation.

Time to create page: 0.143 seconds
Powered by Kunena Forum
 
spicy-sacerdotal