Schlagschatten für Webseite

[Detlef G.]

Hallo gast42

CSS4You hat einen simplen Vorschlag, …

Dieser Vorschlag erfordert eine feste Größe (und wehe, der Inhalt passt nicht rein). Außerdem bleibt unterhalb des Schattens ein Bereich in Höhe des gesamten Elements reserviert, kann also keine anderen Inhalte aufnehmen.

Bei mir würde das Beispiel eher ungefähr so aussehen:

CSS

  
#menu {  
 position: relative;  
 top: 10px;  
 left: 10px;  
 width: 8em;  
 background-color: #bbbbbb;  
}  
#menu ul {  
 position:relative;  
 top: -10px;  
 left: -10px;  
 background-color: #F0F4D6;  
 border: 1px solid #000000;  
 margin: 0;  
 padding: 0;  
 list-style: none;  
}  
#menu li {  
 margin: 1em 0.5em;  
 padding: 0;  
}  

HTML

  
<div id="menu">  
 <ul>  
  <li><a href="#">HYPERLINK</a></li>  
  <li><a href="#">HYPERLINK</a></li>  
  <li><a href="#">HYPERLINK</a></li>  
  <li><a href="#">HYPERLINK</a></li>  
  <li><a href="#">HYPERLINK</a></li>  
  <li><a href="#">HYPERLINK</a></li>  
  <li><a href="#">HYPERLINK</a></li>  
 </ul>  
</div>  

Auf Wiederlesen
Detlef