Os cuento, he hecho el diseño de un blog a partir de disintas plantillas pero hay cosas que me dan pequeños problemas. EL blog es
Problemas:
- La primera barra del sidebar que pone "HOME / FILOSOFY / CONTACT / FACEBOOK" no funciona en Google Chrome, no da problemas en firefox o explorer, esta puesta con Html en un Widget de Texto:
< P style=
"COLOR: white; BACKGROUND-COLOR: #e9b5d0" > <a href=
"http://www.youtakeme.com">HOME</a> <a href=
"http://www.youtakeme.com/aboutus">/ FILOSOFY</a> <a href=
"http://www.youtakeme.com/contact">/ CONTACT</a> <a href=
"http://www.facebook.com/youtakeme">/ FACEBOOK</a> < /P >
- Los botones de adelante/atras de navegación (a partir pagina 2) en de atrás esta descolocado y no consigo que este alineado con el de pasar pagina:
.navigation {
position:relative;
height:50px;
}
.alignleft a{
display:block;
clear:both;
background:url(img/newerstyles_avl.gif) 0 0 no-repeat;
width:104px;
height:24px;
text-indent:-9999px;
position:relative;
float:left;
}
.alignleft a:hover{
display:block;
clear:both;
background:url(img/newerstyles_hover.gif) 0 0 no-repeat;
width:104px;
height:24px;
text-indent:-9999px;
position:relative;
float:left;
}
.alignright a{
display:block;
clear:both;
background:url(img/olderstyles_avl.gif) 0 0 no-repeat;
width:104px;
height:24px;
text-indent:-9999px;
position:relative;
float:right;
}
.alignright a:hover{
display:block;
clear:both;
background:url(img/olderstyles_hover.gif) 0 0 no-repeat;
width:104px;
height:24px;
text-indent:-9999px;
position:relative;
float:right;
}
- En el sidebar el widget de twitter me gustaría quitar hace cuanto se escribió, no se si es posible, el código esta también puesto en un widget de texto:
div id=
"twitter_div" >
< ul id=
"twitter_update_list" >
< /div >
< script type=
"text/javascript" src=
"http://twitter.com/javascripts/blogger.js" >< /script >
< script type=
"text/javascript" src=
"http://twitter.com/statuses/user_timeline/youtakeme.json?callback=twitterCallback2&count=1" >< /script >
<a href=
"http://www.twitter.com/youtakeme">http:
//www.twitter.com/youtakeme</a> - Y por último es el footer que crea un espacio blanco debajo de él que no se como quitarlo:
#footer, #sponsors, #copyright {
background:#ffffff url(images/bk_footer.jpg) 100% 0 no-repeat;
width:1000px;
height:100px;
margin:0px 0px 0px -27px;
color:#969696;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
position:relative;
}
#side_column div.post div.body p { margin: 0 0 5px 0; }
/*#side_column div.post div.body img { margin: 0 0 10px 0; }*/
div.quarter, div.half {
width: 210px;
padding-left: 30px; padding-bottom: 15px;
background: url(./img/dots3.gif) 15px 0 repeat-y;
float: left;
}
div.half {
width: 450px;
}
div.eight {
width: 90px; height: 70px; line-height: 70px;
padding-left: 30px;
background: url(./img/dots3.gif) 15px 0 repeat-y;
float: left;
}
div.eight p {
font-family: Arial, sans-serif;
font-size: 11px; line-height: 13px;
}
div.eight a { display: block; text-align: center; }
div.eight a img { display: inline; vertical-align: middle; }
div.first {
background: none;
padding-left: 0;
}
#footer, #sponsors {
padding: 10px 0 10px 0;
font-family: Arial, sans-serif;
font-size: 12px; line-height: 15px;
border-top: 2px solid black;
clear: both;
}
#sponsors { border-top: 1px solid #e5e5e5; padding-top: 15px; }
#footer h3, #sponsors h3 {
font-size: 13px;
height: 15px; line-height: 15px;
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 5px 0 10px 0;
}
#footer .search {
margin-top: 15px; padding-top: 10px;
border-top: 1px solid #e5e5e5;
}
#footer input {
margin: 0 0 5px 0;
}
#footer ul { list-style: none; }
div.nav a, #footer a { text-decoration: underline; }
div.nav a:hover, #footer a:hover { color: #f0f; }
#copyright { font-family: Arial, sans-serif; border-top: 1px solid #e5e5e5; padding-top: 3px; padding-bottom: 0px; width: 1000px; overflow: hidden; height:19px;}
#copyright, #copyright a { font-size: 11px; line-height: 15px; color: #b2b2b2; }
#copyright a:hover { text-decoration: underline; }
div.left { float: left; }
div.right { float: right; }
Si pudierais ayudarme en estos problemas,son pequeñas cosa, que le he estado dando vueltas y vueltas pero no se que tengo que modificar para solucionarlas, y eso que yo creo que he ido haciendo ensayo y error con cada uno de los datos para ver que cambiaba y ver si se solucionaba.
Muchas Gracias por adelantado.
Programación
está resuelto
