Menu a sinistra con bordo solo su lato

[bako]

Salve gente
volevo sapere come si fa un menu tipo questo:
http://www.low-cost-db.it/ (credo l'abbia fatto rebelia)
un paio di differenze:
- il bordo dovrebbe essere solo sul lato, sottoe sopra niente.
- al passaggio dovrebbe colorarsi tutto e non spostare il testo a destra.
io ho provato, ma se metto il bordo a sinistra mi succede che:
- tutte le voci sono attaccate le une alle altre, se metto un bordo sotto il bordo a sinistrasi rovina.

[ricman]

Originariamente inviato da bako
Salve gente
volevo sapere come si fa un menu tipo questo:
http://www.low-cost-db.it/

Questo è scritto nel sito.... parti di qui... (anzi magari ottimizzalo un po 'che non è bello)

#menu a:visited (line 116)
{
margin-top: 1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
display: block;
width: 150px;
color: #000000;
text-decoration: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c2c4d5;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #c2c4d5;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c2c4d5;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #c2c4d5;
}

#menu a:hover (line 129)
{
margin-top: 1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
display: block;
width: 150px;
text-decoration: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6a6d96;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #6a6d96;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6a6d96;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #6a6d96;
text-align: right;
}

Originariamente inviato da bako
un paio di differenze:
- il bordo dovrebbe essere solo sul lato, sottoe sopra niente.
- al passaggio dovrebbe colorarsi tutto e non spostare il testo a destra.
io ho provato, ma se metto il bordo a sinistra mi succede che:
- tutte le voci sono attaccate le une alle altre, se metto un bordo sotto il bordo a sinistrasi rovina.

- Togli i vari border-bottom, border-top...
- Togli il text-align-right (nell'a:hover)
- la terza non l'ho capita...

[digitos]

come nel css sopra, basta definire il border solo per il lato che ti interessa utilizzando le sue proprietà.