Meniu Cu Umbra In Css

[gaby]

<style type="text/css">
#shadow{ background-color:#3399FF; width:120px; height:220px; margin:10px 0px 0px 10px;}
#menue{ position:relative; top:-215px; width:120px; height:220px; background-color:#FFFFFF; border:1px solid #3399FF; }
</style>
<div id="shadow"></div>
<div id="menue">
&nbsp;<a href="#">HOME</a><br><br>
&nbsp;<a href="#">PAGINA 1</a><br><br>
&nbsp;<a href="#">PAGINA 2</a><br><br>
&nbsp;<a href="#">PAGINA 3</a><br><br>
&nbsp;<a href="#">PAGINA 4</a><br><br>
&nbsp;<a href="#">PAGINA 5</a><br><br>
</div>

Meniul va arata asa:

 

[Alexandru C.]

Poti reuploada imaginea, nu reusesc sa inteleg despre ce este vorba.

[gaby]

Am reurcat-o.

[Filip Cristian]

Nu era mai simplu asa?:

 

CSS

#menu {
    box-shadow: 10px -10px 0px #3399FF;
    padding: 10px;
    width:120px; 
    height:auto; 
    background:#FFFFFF; 
    border:1px solid #3399FF;
}


#menu a {
    text-decoration: none;
    display: list-item;
    list-style-type: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

HTML

<div id="menu">
    <a href="#">PAGINA 1</a>
    <a href="#">PAGINA 2</a>
    <a href="#">PAGINA 3</a>
    <a href="#">PAGINA 4</a>
</div>

Preview:

[+paKy*]

Pffff, ce-mi place omu asta

[gadeas]

Din 2007 pana in ziua de azi, lucrurile au avansat ceva