Veréis, me descargé una plantilla para blogger, y he estado editando cosas y tal para mejorarla, pero hay una cosa con la que no consigo avanzar. Resulta que la barra lateral se debería ver así:
Pero resulta que se ve así:
y lo que es el archivo del blog, se ve aún peor:
Aquí pongo el trozo de CSS del blog, a ver si conseguís adivinar algo...
Código:
#sidebar {
width:200px;
float:right;
font-size:12px;
color:#999;
margin: 10px 00px 0px 0px;
font-family:century gothic,Verdana,sans-serif;
}
#sidebar ul {
margin:0;
padding:0;
list-style-type:none;
}
#sidebar h2 {
font-size:18px;
height:25px;
font-weight:bold;
padding:3px 0px 0px 5px;
background:#323232;
Margin: 10px 0 0 0;
color:#fff;
font-variant:small-caps;
}
#sidebar li a {
display:block;
line-height:160%;
padding:4px 0 4px 0;
color:#222;
background:#5a5a5a;
border-bottom:1px solid #464646;
}
#sidebar li a:hover {
text-decoration:none;
background-color:#ae0000;
color:#fff;
}
#sidebar ul li a {
background:#none;
padding-left:10px;
}
#sidebar table {
width:100%;
text-align:center;
background-color:#464646;
}
#sidebar .widget-content {
padding: 5px 10px 10px 10px;
}
Saludos y gracias de antemano!