Comunidad de diseño web y desarrollo en internet online

[CSS] Cantidad de palabras <h1>

Citar            
MensajeEscrito el 16 Oct 2007 01:32 am
Hola a todos, estoy haciendo un diseño de un portal en feevy y tengo el siguiente problema. Feevy envía como encabezado del elemento una imagen y un titulo de la siguiente manera

Código :

<div class=”feevy_title”>
<img src=”%feed_img%” width=40 height=40/>
<h1><a href=”%post_url%”>%post_title%</a></h1>
</div>


Es factible, mediante CSS restringir la cantidad de palabras del titulo para que siempre quede en 1 o 2 lineas nada más?

salu2

PD: más info en http://blog.feevy.com/liquid-layout-how-to-customize

PD2:http://www.usfbloggers.com/ aquí lograron algo similar pero no sé como.

Por lamark

16 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 Oct 2007 11:44 am
En principio no es posible restringir "el numero de lineas" mediante css, ya que eso sería más cuestión de programación... ahora bien, se puede hacer alguna chapucilla, que no aconsejo, pero que comento:

si eres capaz de calcular el tamaño de cada linea (por ejemplo, saber que la letra mas el espacio entre lineas tendra un alto de 1.5em por linea), al poner:

Código :

h1 {
  display:block;
  height:3em; 
  overflow:hidden;
}


eso hara que no se vean más de las dos lineas primeras. Es cutrecillo, pero debería funcionar. Pruébalo y me comentas.

Por akhasis

75 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Oct 2007 06:25 pm
Gracias! buen chanchullo!

Por lamark

16 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.