change the style of Title attribute inside the anchor tag


<a href="#" class="tip">Link<span>This is the CSS tooltip showing up when you mouse over the link</span></a>

CSS part:

A.tip {
BORDER-BOTTOM: 1px dashed;
TEXT-DECORATION: none
}
A.tip:hover {
CURSOR: help;
POSITION: relative
}
A.tip SPAN {
DISPLAY: none
}
A.tip:hover SPAN {
BORDER: #c0c0c0 1px dotted;
PADDING: 5px 20px 5px 5px;
DISPLAY: block;
Z-INDEX: 100;
BACKGROUND: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
LEFT: 0px;
MARGIN: 10px;
WIDTH: 250px;
POSITION: absolute;
TOP: 10px;
TEXT-DECORATION: none
}

 

Demo : http://jsfiddle.net/balajiit/mrdQt/

 

Advertisements

Tags:

About balajiit

BalajiIT Solutions is a leading IT company providing end-to-end IT services and solutions to Corporate and Government Clients and various other PSUs. offering entire web based services, Software Development, outsourcing and IT Consulting.

3 responses to “change the style of Title attribute inside the anchor tag”

  1. Garmin 1490t says :

    Pretty beneficial post. I just stumbled upon your blog and wanted to say that I have quite enjoyed reading your blog posts. Any way I am going to be subscribing for your feed and I hope you article once more soon.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: