allora il codice xhtml e' qs:
codice:
<div class="contenitore">
<div class="latoImg">[img][/img]</div>
<div class="centro">
<ul>
[*][*][*][*]
[/list]
</div>
<div class="latoTesto">
<div class="testo">
</p>
</div>
</div>
</div>
il css:
codice:
.contenitore {
width: 90%;
margin: auto;
text-align: center;
height: 445px;
border: 1px solid #ffffff;
padding: 3%;
background-image: url(images/bkg_sfumato.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
.latoImg {
width: 260px;
height: 421px;
float: left;
padding: 0;
margin: 0;
}
.centro {
width: 25%;
margin: 0;
padding: 25px 0 0 0px;
float: left;
text-align: center;
}
.centro ul {
list-style-type: none;
width: 140px;
}
.centro li {
background-color: #13A7EE;
width: 140px;
}
.centro a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
background-color: #006394;
display: block;
margin: 3px 25px 3px 3px;
padding: 2px;
text-align: left;
}
.centro a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006394;
text-decoration: none;
background-color: #13A7EE;
display: block;
margin: 3px 25px 3px 3px;
padding: 2px;
text-align: left;
}
.latoTesto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #006393;
background-color: #FFFFFF;
float: right;
height: 421px;
width: 45%;
padding: 0;
margin: 0;
text-align: left;
}
.testo {
border: 1px solid #006393;
margin: 5px;
height: 411px;
padding-right: 5px;
padding-left: 5px;
overflow: auto;
}
ecco qui!
grazie...