Ayuda con diseño en plantilla blogger

  • Autor Autor Jaime Arevalo
  • Fecha de inicio Fecha de inicio
J

Jaime Arevalo

Iota
SEO
Hola, llevo un rato trabajando en una plantilla blogger para mi sitio, ya tengo casi todo listo, pero tengo un problema, cuando entro a la pagina principal, me sale un espacio en blanco bajo el header el cual esta hay para insertar imagenes y eso.

Lo que quiero saber es que debo borrar para que la plantilla me quede bien conformada y sin ese espacio en blanco.

El sitio es: Enlace eliminado
 
Borra el div s3slider

HTML:
<div id='s3slider'>

<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 1' src='http://3.bp.blogspot.com/_A_BXOSXle0Y/TIKdAsLYbSI/AAAAAAAACEc/JX8lJrrWc-Q/s1600/1.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 2' src='http://2.bp.blogspot.com/_A_BXOSXle0Y/TIKdA5NeknI/AAAAAAAACEk/7bEOCdOznKA/s1600/2.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>

<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://1.bp.blogspot.com/_A_BXOSXle0Y/TIKdBIJEW7I/AAAAAAAACEs/qEGBlgz_gCQ/s1600/3.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://4.bp.blogspot.com/_A_BXOSXle0Y/TIKdBZfysjI/AAAAAAAACE0/_LsA97TZhiQ/s1600/4.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage'>

<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://4.bp.blogspot.com/_A_BXOSXle0Y/TIKdBqS56eI/AAAAAAAACE8/w9Q21-xrx24/s1600/5.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='clear s3sliderImage'></li>
</ul>
</div>
 
Borra el div s3slider

HTML:
<div id='s3slider'>

<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 1' src='http://3.bp.blogspot.com/_A_BXOSXle0Y/TIKdAsLYbSI/AAAAAAAACEc/JX8lJrrWc-Q/s1600/1.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 2' src='http://2.bp.blogspot.com/_A_BXOSXle0Y/TIKdA5NeknI/AAAAAAAACEk/7bEOCdOznKA/s1600/2.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>

<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://1.bp.blogspot.com/_A_BXOSXle0Y/TIKdBIJEW7I/AAAAAAAACEs/qEGBlgz_gCQ/s1600/3.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://4.bp.blogspot.com/_A_BXOSXle0Y/TIKdBZfysjI/AAAAAAAACE0/_LsA97TZhiQ/s1600/4.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage'>

<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://4.bp.blogspot.com/_A_BXOSXle0Y/TIKdBqS56eI/AAAAAAAACE8/w9Q21-xrx24/s1600/5.jpg'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='clear s3sliderImage'></li>
</ul>
</div>

Hola Crystaldream, gracias por la rapida respues, lo borre pero aun asi sigue igual.
 
Si no me equivoco también tienes que sacar esta parte del css:
HTML:
/* CONTENT */ #slider-holder{width: 610px;height: 320px;overflow: hidden; margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 35px 0 0 0;} #s3slider { width: 610px; /* important to be same as image width */ height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */} #s3sliderContent {width: 610px; /* important to be same as image width or wider */ position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */} .s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */} .s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff;  padding: 10px 15px 13px 13px;  height: 38px;  width: 610px;  background-color: #4e4d3c; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ display: none; /* important */bottom: 0;/* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/} .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;} .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;} .s3sliderImage span a:hover{color: #555;}
Es lo que veo en el código fuente...
 
busca el s3slider pero el class y borralo de div a div pueba a ver que tal
 
Si no me equivoco también tienes que sacar esta parte del css:
HTML:
/* CONTENT */ #slider-holder{width: 610px;height: 320px;overflow: hidden; margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 35px 0 0 0;} #s3slider { width: 610px; /* important to be same as image width */ height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */} #s3sliderContent {width: 610px; /* important to be same as image width or wider */ position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */} .s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */} .s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff;  padding: 10px 15px 13px 13px;  height: 38px;  width: 610px;  background-color: #4e4d3c; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ display: none; /* important */bottom: 0;/* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/} .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;} .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;} .s3sliderImage span a:hover{color: #555;}
Es lo que veo en el código fuente...

Gracias Knelita tenias razon faltaba borrar eso!!!

busca el s3slider pero el class y borralo de div a div pueba a ver que tal

Gracias a ti aron, tambien me sirvicio tu consejo.
 
XD que idiota fui, esque cada que borro algo directamente del html aunque aun tenga el CSS no se reserva el espacio, quiza sea por el !imporant en el css, que bueno que lo hayas resuelto.
 
Atrás
Arriba