Reducción espacio entre header y contenido del blog

  • Autor Autor Marianito
  • Fecha de inicio Fecha de inicio
M

Marianito

Gamma
Hola estimados amigos de ForoBeta

Bueno, busqué y busqué pero no logro disminuir o directamente eliminar el espacio enorme que queda entre el header y el resto del blog, donde aparecen las entradas. Espero que se pueda hacer porque se ve muy mal.

Desde ya gracias
 
con los datos que das es imposible siquiera darte una idea...
 
Eso es culpa de tu diseño, si no muestras ni la web no te vamos a poder ayudar
 
Puedes ir a Diseño-Avanzado-Añadir CSS, bueno ahí vas a manejar tu header con un padding. ¿cómo? agrega .header { padding 0px 0px; } claro... dentro de los 0, vas a poner el valor que tu crees que se vea bien para tu blog (experimenta cual es el valor correcto 😛 )
 
Insertar CODE, HTML o PHP: 
header{height:137px}

añade eso a la hoja de estilos.
 
Hola Bernikov

Ya lo agregué, pero no me cambia nada!

jonay, con eso me funcionó
Gracias

También te agradezco Bernikov!

Saludos

Ahora me queda disminuir la distancia a la barra sidebar para que no desentone tanto
 
Entendí mal 🙁 igual si te viera funcionado lo único que ibas hacer era crear espacios... lo correcto era hacer lo que dijo jonay 😛. Por cierto, para que quede claro lo que hiciste, te dejo esto: CSS height Property CSS Reference ( muy buena tu pagina 😉 )
 
en el css:

Insertar CODE, HTML o PHP: 
.main-inner .column-right-outer{

añade

Insertar CODE, HTML o PHP: 
left:-33px;

por cierto, está muy mal echa la maqueta.
 
El html y el css
 
Hola amigos
Disculpen que sea tan molesto con este tema:
El caso es que ahora le agregué una barra de menús, y me volvió a aparecer un gran espacio debajo que no logro disminuir:ambivalence:. Y algo secundario, la barra de menú continúa hacia los dos extremos, me parece que no luce nada bien así. Pero eso lo voy a investigar.

Saludos
 
en el css:

Insertar CODE, HTML o PHP: 
.main-inner

cambia el padding top de eso a 0 y luego en el class .tabs-outer añade

Insertar CODE, HTML o PHP: 
left:-14px;
margin:0 auto;
width:960px;

quedando así:

Insertar CODE, HTML o PHP: 
.tabs-outer {
    background: none repeat scroll 0 0 #000000;
    left: -14px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}
 
Hola todo lo tipeo en el CSS?
O lo de abajo va en la plantilla HTML?
 
todo es css, tienes que editar esas class y cambiar lo que te dije.
 
.content {margin-top:-12px !important;}

header{height:167px}

.main-inner .column-right-outer{left:-29px;

.main-inner
.tabs-outer {
background: none repeat scroll 0 0 #000000;
left: -14px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 960px;}

Lo puse así pero no funciona, si le saco la parte de:

.main-inner .column-right-outer{left:-29px;

Me achica el espacio de los costados pero no del medio

Gracias lo mejoré mucho
 
solo te falta el espacio k hay entre el header y el contenedor... y es por que no hicistes lo que te dije, en el css tienes esto así:

Insertar CODE, HTML o PHP: 
.main-inner {
    padding-top: 30px;
}

dejalo así:

Insertar CODE, HTML o PHP: 
.main-inner {
    padding-top: 0;
}

y ya lo tienes, actualiza varias veces la página después de cambiar el css, que a veces el cache juega en tu contra.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

B
  • Cerrado
Venta Workspaces edu y Workspaces Enterprise Anuales - Reducción espacio 100TB por organización
Respuestas
2
Visitas
162
BauldePeliculas
B
Eduardo Márquez
  • Cerrado
Reducir espacio entre header y menú del blog
Respuestas
5
Visitas
5K
Eduardo Márquez
Eduardo Márquez
Gonzalo Jaime
Reducción espacio entre sidebar y contenido en plantilla blogger
Respuestas
2
Visitas
1K
Gonzalo Jaime
Gonzalo Jaime
Atrás
Arriba