Foros del Web » Creando para Internet » CSS »

línea desaparecida en el título de los post del blog

Estas en el tema de línea desaparecida en el título de los post del blog en el foro de CSS en Foros del Web. no sé si alguien me puede ayudar, ya que yo no tengo ni idea de css. he estado tocando la plantilla de mi blog http://afasiaarq.blogspot.com ...
  #1 (permalink)  
Antiguo 12/12/2009, 13:58
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
línea desaparecida en el título de los post del blog

no sé si alguien me puede ayudar, ya que yo no tengo ni idea de css.

he estado tocando la plantilla de mi blog http://afasiaarq.blogspot.com y me ha desaparecido la barra que había encima del título de los post -superpool- antes de la fecha. pongo unas imágenes del antes y el después. también pongo la plantilla, al final, antes y después.

utilizo firefox y lo raro es que descargándome la plantilla original y volviéndola a cargar de cero la línea sigue desaparecida y creando un blog nuevo sigue sin aparecer.

no sé si tiene que ver con las líneas que pongo a continuación, como no sé html estoy bastante perdido.

Código:
* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }
.postMeta{background:url('http://bloggerbuster.com/templates/grid-focus/images/dot.gif') repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px}
.postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;}
.postMeta span.comments{background:$bgcolor url('http://1.bp.blogspot.com/_0CLPmP1ydOo/Sa7yyg4qFKI/AAAAAAAABNI/2P6HSCDx4-g/s1600/chat_grey.gif') no-repeat left center;padding-left:15px;margin-left:2px}
.postMeta span.comments a,
.postMeta span.date a{color:$metacolor;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;font-size:18px;color:$titlecolor;text-align:center;}
.post h2 a{width:100%;display:block;outline:none;color: $titlecolor;}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
también he intentado reducir el espacio que hay entre el título -superpool- y el primer texto del post -Designing in...-. he reducido el 7px de margin-bottom pero no acaba de funcionar. no sé si alguien sabe qué debería hacer.



si alguien me puede echar una mano se lo agradeceré infinitamente.



gracias.




Última edición por afasia; 12/12/2009 a las 14:00 Razón: corrección del texto
  #2 (permalink)  
Antiguo 14/12/2009, 16:34
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: línea desaparecida en el título de los post del blog

Hola:

Es algo complicado decirte que puede ser, pero parece que la fecha o el titulo estan haciendo de las suyas...

Fijate en esto:

Código CSS:
Ver original
  1. .postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;}

Prueba con modificar el padding a ver si es eso.

Sino fijate en los estilos que tiene aplicado el titulo, modifica los mismos y anda viendo a ver si solucionas el tema con eso.

Cualquier problema preguntanos de nuevo.

Espero haberte ayudado.

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #3 (permalink)  
Antiguo 15/12/2009, 05:43
 
Fecha de Ingreso: diciembre-2009
Mensajes: 5
Antigüedad: 8 años
Puntos: 0
Respuesta: línea desaparecida en el título de los post del blog

muchas gracias por la respuesta.

pues la verdad que el asunto creo que se ha solucionado.

tenía un contador de miarroba y me ha empezado a aparecer una publicidad intrusa en el blog. he descubierto que debía estar causada por el contador.
lo he eliminado y al día siguiente la línea perdida reapareció. supongo que sería algún cortocircuito. cruzo los dedos para que no vuelva a desaparecer.


en lo de reducir el margen entre el título del post y la primera línea escrita, por el método del ensayo y el error me ha parecido que modificando el valor de margin-bottom se acercan. pero aún sigue existiendo una distancia. quizás haya que modificar algún valor en el post. ¿sabéis cuál?


Código:
/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }
.postMeta{background:url('http://bloggerbuster.com/templates/grid-focus/images/dot.gif') repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px}
.postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;}
.postMeta span.comments{background:$bgcolor url('http://1.bp.blogspot.com/_0CLPmP1ydOo/Sa7yyg4qFKI/AAAAAAAABNI/2P6HSCDx4-g/s1600/chat_grey.gif') no-repeat left center;padding-left:15px;margin-left:2px}
.postMeta span.comments a,
.postMeta span.date a{color:$metacolor;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;font-size:18px;color:$titlecolor;text-align:center;}
.post h2 a{width:100%;display:block;outline:none;color: $titlecolor;}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  border: 3px solid $bordercolor;
  padding: 5px;
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  font: $postfooterfont;
}

.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:4px;
  border:1px solid $bordercolor;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:00.