Solved

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

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

ScreenConnect 6.0 Free Trial

Discover new time-saving features in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

Question has a verified solution.

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

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

831 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