Creazione barra laterale

[dalceredo]

Ciao ragazzi!!
scusate ma è da 2 giorni che sto cercando come fare qualcosina come questo in allegato ma non riesco a trovare un tutorial che mi spega come.
Dovrei impostare con codice pulito e ben formattato.
Mi date un supporto voi di html.it?

Sono alle prime armi con i css ed è una guerra!!


Io ho provato così con i div mettendo come sf_top.gif l'immagine che coorisponde allo sfondo del primo div:

div#sidebar2{
    border-right-width: 1px;
    border-right-style: inset;
    border-right-color: #CCCCCC;

    float:right;
    width:211px;
    vertical-align: top;
    background-color: #FFFFFF;
    background-image: url(../images/sf_top.gif);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}
div#sidebar3{
    float:right;
    width:211px;
    vertical-align: top;
    background-color: #C7C6C0;
    background-image: url(../images/sf_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    border-bottom-width: 10px;
    border-bottom-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-bottom-style: solid;
} 

vi ringrazio anticipatamente

[9issara]

scusami ma non ho capito che effetto deve fare, posti pure codici html che cosi facilità le cose

[dalceredo]

certo il codice html non fa altro che riprendere l'id con il div così:

<div id="sidebar2"></div>
<div id="sidebar3"></div>

[dalceredo]

nessuno mi può aiutare per favore

[dalceredo]

trovato!!! Scopiazzando da sito di html.it sono riuscito ad ottenere qualcosa come quello