voilou sur ce site, ils ont fais une petite zone d'ombre sous les boutons :
http://css.maxdesign.com.au/listam [...] ntal15.htm
j'ai vu qu'en fait c'est le background de la balise <a> décallé de 2px avec un bottom et un right.
#navlist a, #navlist a:link, #navlist a:visited
{
background: #900;
border: 1px solid #FFF;
[b]bottom: 2px;[/b]
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
[b]right: 2px[/b];
text-decoration: none;
} |
comment se fait il que quand je fais un test sur ma page
HTML :
<a href="#">testtst</a>
CSS :
a
{
text-decoration :none;
background: yellow;
bottom: 15px;
right: 12px;
padding: 3px 5px 3px 5px;
position: relative;
} |
je ne puisse pas faire un décalge comme dans l'exemple...
J'aimerais surtout comprendre et ne pas reprendre des balises inutile.
