Please Save My Life From Rollovers!!

They have: 12 posts

Joined: Jan 2006

I have this site I am trying to do where at the top you have a navigation bar aligned vertically, and to the left of it (when one of the navigation menu items are rolled over) it will pop up a square box to the left of it that kind of gives you a mild introduction (in text) of what the page will be. (aka- just an image)

My problem is I can't seem to find the code to make this happen. I am using CSS so I am wondering also where I would put such code. I have looked all over, and this is like the number one problem in my web life right now.

Save me.. thanks in advance to anyone who responds..

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Where is your site? Also have you checked javascriptkit and dynamicdrive.com? Practically it needs a javascript...

They have: 12 posts

Joined: Jan 2006

the site is at http://www.monkeytreerecords.com/preview.

I am kind of stuck because I have no idea how to go about adding multiple rollovers now..

thanks a million..

Busy's picture

He has: 6,151 posts

Joined: May 2001

Do a search on google (or elsewhere) for css tool tips (or css tooltips - no gap)

I did a quick one and got heaps of results, a couple are:

http://psacake.com/web/jl.asp (just css)
http://web-graphics.com/mtarchive/001717.php (css and javascript)
http://www.cybersaps.org/2004/01/Pure-css-tooltips.html (just css and adjusts for page borders)
http://css.experiments.severnsolutions.co.uk/dhtml/tooltips/
http://loadaveragezero.com/vnav/labs/CSS/tooltips.php

Just becareful as some of the javascript/dhtml and even some of the CSS versions don't work on all browsers, and if javascript is disabled to block pop ups etc the dhtml versions wont work.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.