Revision: 14294
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at May 28, 2009 16:08 by delibash
Initial Code
<style>
a.pill {
text-decoration:none;
float:left;
height:22px;
color:#333;
line-height:22px;
font-weight:bold;
text-align:center;
}
a.pill span.left {
background:url(path/image.png) no-repeat left 0;
display:block;
width:4px;
float:left;
height:22px;
}
a.pill span.right {
background:url(path/image.png) no-repeat right 0;
float:left;
height:22px;
padding:0 10px 0 5px;
}
a.pill:hover > span {
background-position:right -22px;
}
</style>
<a href="#" class="pill">
<span class="left"></span>
<span class="right">test button</span>
</a>
Initial URL
Initial Description
Creates a "pill" button with rounded corners; expands with text.
Initial Title
Pill Button Wrapper
Initial Tags
css, html
Initial Language
HTML