Improve company productivity with a Business Account.Sign Up

x
?
Solved

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

Posted on 2006-10-19
3
Medium Priority
?
6,180 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 500 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

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

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…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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…

579 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