Comment faire de l'ombre avec un <div><a>

Comment faire de l'ombre avec un <div><a> - HTML/CSS - Programmation

Marsh Posté le 20-07-2005 à 14:55:10    


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.

Reply

Marsh Posté le 20-07-2005 à 14:55:10   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed