Una sidebar solo con CSS

[mauretto78]

Una sidebar solo con CSS

Ciao a tutti

Vorrei rendere il mio sito più "table-less", e più CSS.

La domanda (per chi lo sa è semplicissimo immagino) è: come posso creare una sidebar con un elenco di link e un colore o un immagine come sfondo per l'intestazione?...magari anche con gli sfondi arrotondati.

Ho caricato sul server un' immagine di come vorrei che venisse:

w w w.viaggiandolowcost.it/esempio_sidebar.jpg
[CENTER]
[/CENTER]

Mi aiutate?

Grazie mille

Mauro

[lumpi]

Ciao Mauro
a seguire qualche linea di codice per realizzare quello che hai richiesto. Ovviamente le misure e i colori li devi sistemare tu, l'ho scritto cosi al volo. Per realizzare i bordi arrotondati inserisci nel background di bordo_sup e bordo_inf le relative immagini arrotondate.

Codice HTML
<div id="menu">
 <div id="bordo_sup"></div>
 <a href="#">1</a>
 <a href="#">2</a>
 <a href="#">3</a>
 <div id="bordo_inf"></div> 
</div>

Codice Css
#menu{width: 80px;
}

#060;
display: block;
}

#bordo_sup{height: 20px;
background: #600;}

#bordo_inf{height: 20px;
background:;}

Valentino

[mauretto78]

Grazie Valentino!

....ad ogno modo, sto leggendo, anzi studiando, il libro "Cascade Style Sheet", un tomo di 400 pagine...ora come ora sto lavorando ad upgrades al sito, al termine dei quali, rivoluzionerò un pochino la grafica con i CSS.

Grazie ancora