Skip to content

Instantly share code, notes, and snippets.

@sergejmueller

sergejmueller/gist:1766524

Created February 8, 2012 07:36
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sergejmueller/1766524 to your computer and use it in GitHub Desktop.
Save sergejmueller/1766524 to your computer and use it in GitHub Desktop.
Download ZIP
Tooltip in Form einer Sprechblase auf CSS-Basis
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.tooltip {
font: normal 11px/17px sans-serif;
color: red;
height: 17px;
padding: 0 6px;
position: absolute;
background: #ffcccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.tooltip:after {
top: 17px;
right: 8px;
width: 0;
display: block;
content: "";
position: absolute;
border-width: 4px 4px 0;
border-style: solid;
border-color: #ffcccc transparent;
}
</style>
</head>
<body>
<p class="tooltip">
Bitte das Limit beachten
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment