Kommentare zu: Easy CSS Tooltip

Von: Nicola

Nicola — Thu, 02 Feb 2012 03:37:17 +0000

THANKYOU! exactly what I needed! so much easier than any other ive found.

Von: Ben

Ben — Thu, 29 Dec 2011 01:39:23 +0000

Excellent!! Simple, clean and it works!

Von: Justin

Justin — Fri, 09 Dec 2011 21:00:18 +0000

Still waiting on a reply...

see here: http://bamboo1.midae.co.uk/ = hover over the first 2 dishes , see where the box appears - I need that above the picture not over it..

Justin

Von: Justin

Justin — Fri, 09 Dec 2011 16:48:17 +0000

er I am here and I do listen, but when it doesn't work what u want me to do????

This DOES work actually: a.tooltip span {display:none; padding:2px 3px; margin-left:-130px; width:130px;}

I just to make the tooltip box a little higher and thats it.. simple.

Von: noRiddle

noRiddle — Fri, 09 Dec 2011 16:43:10 +0000

Hi Mr. Koller.
This guy just doesn't listen to wht we say.
Why give a negative margin.
He should just use display:block; instead of display:inline; and then bottom:110%; or similar.

Cheers,
noRiddle

Von: Justin

Justin — Fri, 09 Dec 2011 16:22:32 +0000

@Jurgen: Thank you, it works.. how do I make it higher up?

Von: Jürgen Koller

Jürgen Koller — Fri, 09 Dec 2011 16:09:14 +0000

Change one line to this and it will work:
a.tooltip span {display:none; padding:2px 3px; margin-left:-130px; width:130px;}

Von: Justin

Justin — Fri, 09 Dec 2011 13:26:12 +0000

See here: http://bamboo1.midae.co.uk/ the tooltip box appears over the next image, I need it to appear above the image that the cursor is..

Von: noRiddle

noRiddle — Fri, 09 Dec 2011 13:11:45 +0000

If you want help, we can't communicate with code fragments.
Do you have a page to show what you want to achieve ?
How ist the HTML ?

noRiddle

Von: Justin

Justin — Fri, 09 Dec 2011 12:52:45 +0000

not working