irncru Posted April 4, 2014 Share Posted April 4, 2014 (edited) Hello, I've made a basic tooltip using CSS, but was looking to make it possible so I can hover over it, so I can place links inside it etc. Is this possible using CSS? Thank you Here's my example tooltip at the top of the page http://1070009035.test.prositehosting.co.uk/timetable Edited April 4, 2014 by irncru Link to comment Share on other sites More sharing options...
newseed Posted April 4, 2014 Share Posted April 4, 2014 The best thing is to set your tooltip popup to overlay the 'Tooltip' link. Adjust the span's margin-left: 28px; to be a negative value: ; What will happen is that as soon as your mouseover the 'Tooltip' text it will popup that window over it thus you mouse is now already in the span tooltip box thus keeping it open. You can now add all your content, links etc within that span tag. Link to comment Share on other sites More sharing options...
irncru Posted April 4, 2014 Author Share Posted April 4, 2014 brilliant, thanks very much! while i'm here, i have another question with them... is there a way to make the text that you hover over to reveal the tooltip a clickable link? the text takes this form already but when i click it it just takes me to the top of the page :/ i tried simply adding an html link to the text but it just messes the whole thing up Link to comment Share on other sites More sharing options...
newseed Posted April 5, 2014 Share Posted April 5, 2014 Link please with your latest work so I can see what you are doing. Link to comment Share on other sites More sharing options...
irncru Posted April 5, 2014 Author Share Posted April 5, 2014 (edited) i haven't changed anything since my first post yet, my method of choice will be one or the other i took my link adding attempt out when i saw it didn't work, but it was simply changing the text "tooltip" to <a href="www.example.com">tooltip</a> Edited April 5, 2014 by irncru Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now