ragazzi ho un problema enorme.
sto creando un sito con weebly per un mio amico ma dato che i template facevano tutti schifo questo mio amico mi ha detto di crearne uno in css. ok, lo sto facendo, mi ha detto come lo vorrebbe: un semplice layout a due colonne tipo tabella html, su e con sfondo bianco, tabellla sinistra col menù e quella destra con il content. Ok, la vado a creare, imposto grandezza delle colonne e del content sul modifica css di weebly. MA: per chi ha mai usato weebly saprà che quando c'è una pagina bianca esce: This Page IS Empty ecc... ecco, quella scritta, o meglio lo spazio dove inserire gli elementi ( quello che dovrei mettere nella colonna di destra ) o occupa in parte anche la colonna di sinistra quindi comprendo anche la linea divisoria tra le due colonne oppure si trova sotto le due colonne ( per questo pensavo bastasse diminuire la lunghezza delle colonne o aumentare quella del content ma nn risolvo nnt ). Questo è il css del layout completo ( VI RICORDO CHE PARLIAMO DI WEEBLY, NON L'HO FATTO TUTTO IO !!!! )
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,bl ockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
fieldset{
border:0;
}
a img{
border:0;
}
.clear{
clear:both;
}
body {
background-color:#fff;
font-family: arial, sans-serif;
font-size:13px;
color:#666666;
margin:0;
padding:0;
overflow-x: hidden;
overflow-y: hidden;
}
p {
line-height: 170%;
color: #626262;
font-size: 13px;
padding: 5px 0px 5px 0px;
}
h1 {
font-size:27px;
font-weight:normal;
color:#999999;
line-height:1.5;
margin: 5px 0px 5px 0px;
}
h2 {
font-size:22px;
font-weight:normal;
color:#666666;
line-height:1.3;
margin: 10px 0px 5px 0px;
}
#wrapper {
width:960px;
margin:0px auto;
}
#header{
width: 960px;
font-size:24px;
font-weight:normal;
color:#999999;
text-transform: uppercase;
padding: 25px 0px 25px 0px;
}
#weebly-menus .weebly-menu-wrap { z-index: 5000; margin: 0px 0px 0px 19px; }
#weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
#weebly-menus .weebly-menu li { float: left; clear: left; width: 163px; text-align: left; }
#weebly-menus .weebly-menu li a { position: relative; display: block; width: 163px; background: #cccccc; border-bottom: none; border-top: 1px #999999 solid; border-left: none; border-right: 1px #999999 solid; text-decoration: none; font-size: 12px; font-weight: normal; line-height:1; padding: 5px 0px 5px 0px; color: #333333; }
#weebly-menus .weebly-menu li a:hover { background: #999999; color: #fff; }
#content{
width: 900px;
height: 900px;
overflow-x: hidden;
overflow-y: hidden;
border: 1px #999999 solid;
}
#leftcolumn{
position: relative;
float: left;
width: 300px;
height: 300px;
padding: 0px 18px 10px 0px;
border-right: 1px #cccccc solid;
}
#leftcolumn ul{
position: absolute;
bottom: 0;
right: 19px;
bottom: 5px;
text-align: right;
}
#leftcolumn ul li{
text-align: right;
line-height: normal;
margin: 7px 0px 7px 0px;
}
#leftcolumn ul li a{
display: block;
width: 168px;
text-align: right;
color:#999999;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}
#leftcolumn ul li a:hover, #leftcolumn ul li#active a{
color: #333333;
}
#rightcolumn{
float: left;
width: 550px;
height: 550px;
overflow-y: hidden;
position: relative;
margin: 5px 0px 0px 0px;
padding: 12px 17px 0px 24px;
}
#content a{
color: #0645AD;
text-decoration: none;
}
#footer{
float: left;
width: 960px;
color: #666666;
font-size: 13px;
text-align: right;
padding: 23px 0px 0px 0px;
}
#footer a{
color: #0645AD;
text-decoration: none;
}
#footer .weebly-footer a{
color: #666666;
}
