Solved

hover over anchor tag, pop up small text box with some instructions

Posted on 2006-10-19
3
6,172 Views
Last Modified: 2008-01-09
Not sure if this is a CSS or javascript question so I apologize if I started in the wrong spot.

I'd like to move my cursor over an anchor tag on my web page. When I hover over the anchor tag, I want to pop up a small box that has a few lines of directions. I'm guessing somehow I can use a <div> tag.

Can someone provide a small snippet of code on how I can accomplish this?

Thanks!
0
Comment
Question by:samic400
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 54

Accepted Solution

by:
b0lsc0tt earned 125 total points
ID: 17767728
samic400,

This can actually be done with just html.  Add a title attribute to the anchor tag.  Something like the example below.

<a href="page.htm" title="Don't go here!">Link</a>

This can be done dynamically if you want with JavaScript but you don't have to.  Let me know if you have any questions or need more information.

b0lsc0tt
0
 
LVL 13

Author Comment

by:samic400
ID: 17767751
Thanks for your help!!!!
0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 17767990
Your welcome!  I'm glad that I could help you.  Thank you for the grade, the points and the fun question.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question