Foros del Web » Diseño web » CSS »

parrafo de altura variable me queda cortado

Estas en el tema de parrafo de altura variable me queda cortado en el foro de CSS en Foros del Web. Tengo una seria de resumenes de texto en un menu principal. El problema es que la longitud (o altura) de ese texto varía y a ...
  #1 (permalink)  
Antiguo 15/03/2011, 12:15
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.015
Antigüedad: 5 años, 7 meses
Puntos: 101
parrafo de altura variable me queda cortado

Tengo una seria de resumenes de texto en un menu principal. El problema es que la longitud (o altura) de ese texto varía y a veces me queda cortado por el overflow:hidden que me he visto forzado a usar. Mirenlo aqui.

Los textos son cortados en determinado numero de caracteres por un script de lado servidor. Pero como el script mantiene saltos de linea... se hace realmente dificil saber que altura tendrá el texto resultante.

Que sugieren?
  #2 (permalink)  
Antiguo 15/03/2011, 12:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.810
Antigüedad: 7 años, 4 meses
Puntos: 537
Respuesta: parrafo de altura variable me queda cortado

Quite de ul.listado_articulos li el height que tiene declarado.
Y de propina un etiquetado algo diferente (tiene p dentro de span,...) un poquito después.
  #3 (permalink)  
Antiguo 15/03/2011, 12:28
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.015
Antigüedad: 5 años, 7 meses
Puntos: 101
Respuesta: parrafo de altura variable me queda cortado

Muchas gracias kseso?. Lo del bloque dentro de elemento de linea es un error recurrente en mi :o\

Lo de no tener un height para el <li> me trae dudas, siendo que los textos estan flotados y que para que la flotacion sea buena todos los elementos deben guardar la misma altura. No lo ve así?

CORRIJO: lo de sacar el <li> iría perfecto para esa seccion. Me confundí. La seccion que tiene el mismo problema y que tiene flotacion es esta.
  #4 (permalink)  
Antiguo 15/03/2011, 12:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.810
Antigüedad: 7 años, 4 meses
Puntos: 537
Respuesta: parrafo de altura variable me queda cortado

Pero a esos li no debería afectarles, ya que les tiene una clase diferente:
#index_textos ul li.breve
Y sí, debería darle un repaso a su etiquetado en esas listas. Creo que reemplazar algún div por hnº (h2/h3), sacar los p y enlaces de los span, tampoco necesita meter los textos en el div class="texto"...

ouch!!! hizo cambios mientras miraba
  #5 (permalink)  
Antiguo 15/03/2011, 12:42
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.015
Antigüedad: 5 años, 7 meses
Puntos: 101
Respuesta: parrafo de altura variable me queda cortado

Cambié la seccion de reportajes y se ve mejor, gracias.

La seccion que me preocupa ahora es la que tiene dos textos en una misma fila. Ahí la altura de los li si que es imprescindible.

Gracias kseso!
  #6 (permalink)  
Antiguo 15/03/2011, 12:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.810
Antigüedad: 7 años, 4 meses
Puntos: 537
Respuesta: parrafo de altura variable me queda cortado

Pero el retirar la altura en el selector que le indicaba en #2 no influye en el que menciona en #3 y #5
Selector de #3 y #5
Cita:
#index_textos ul li.breve {
float: left;
height: 30em;
margin-bottom: 15px;
overflow: hidden;
padding: 20px 10px 10px;
text-align: left;
width: 280px;
}
selector de #2
Cita:
ul.listado_articulos li

Etiquetas: altura, cortado, queda, variables
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 21:02.
SEO by vBSEO 3.3.2