Solved

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

Posted on 2006-10-19
3
6,167 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
  • 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
text align center the options is an html select 4 38
iOS 10 iPad Zoom and acroll 4 53
Alignment is not working correctly. 8 32
Change javascript css 1 19
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

911 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now