?
Solved

onmouseover multiple text effect

Posted on 2005-05-05
2
Medium Priority
?
320 Views
Last Modified: 2012-06-21

I have the following code for an onmouseover text effect that displays a "help" style cursor and a text description, but in addition to that, how can add an underline effect?

----------------------------
In the <head> I have:
----------------------------
<style type="text/css">
span.info {
   cursor: help;
   }
</style


-------------------
in the <body>:
----------------------
<span class="info" title="my text description here">[text]</span>
0
Comment
Question by:cayi
  • 2
2 Comments
 
LVL 18

Expert Comment

by:Eternal_Student
ID: 13937487
<style type="text/css">
span.info { cursor: help; }
span.info a { text-decoration:none;}
span.info a:hover { text-decoration:underline; cursor: help; }
</style>
0
 
LVL 18

Accepted Solution

by:
Eternal_Student earned 240 total points
ID: 13937496
And then:

<span class="info" title="my text description here"><a href="#">[text]</a></span>

You may want to set the color for link also.
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
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 add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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 …
Suggested Courses

840 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