This is the CSS code for creating a simple tool tip in the web page design.

The CSS:

<style=text/CSS>

a {position: relative;}

a:hover span {
position: absolute;
top: 5px;
left: 30px;
display: block;
background: #fdc;
border: 1px solid red;
}

<Style>

This can be used in with in style tags with in the HTML page or store in a separate CSS file and called as a class at the required link.

Advertisements