Hola ,
y que tal:
css:
p{
line-height:2em;}
#a, #b, #c{
display:block;
float:left;
clear:left;
height:2em;} /*Cuidadin!!!*/
#a{width:160px;}
#b{width:100px;}
#c{width:70px;}
html:
<span id="a"></span><span id="b"></span><span id="c"></span>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit....
Así en rápido. tal vez quitar los em ya que han de librar una imagen,
que es de dimensiones estáticas. Y claro, si no controlas la cantidad
de texto, te vendrá bien un clear:both para acabar.
Bueno, aquí te dejo una solución que desgraciadamente utiliza
etiquetas extra en el html :( Se de alguno que las metería desde js
para dejar puro su código :)
Saludos y espero ser útil.
>>
>>> Hola a todos,
>>>
>>> Me ha llegado para maquetar un diseño, en el que hay un titulo que se ve en
>>> diagonal, y debajo hay un texto que se ajusta a dicha diagonal, mejor lo
>>> veis aquí:
>>> http://www.biosfera4.com/atlanta/disenio-atlanta.jpg
>>> para el titulo, voy a usar un PNG y solo se me ocurre usar unas cuantas
>>> guarrerías ( ) para conseguir ese efecto en el texto, pero antes de
>>> hacer tal cosa, prefiero preguntaros a ver si alguien conoce o se le ocurre
>>> alguna forma "elegante" y limpia de hacer esto usando css solo.
>>>
>>> Muchas gracias.
>>>
>>> Saludos
>>>
>>> Rafa
>>>
>>>
>>> biosfera 4
>>> desarrollo web | asesoramiento musical | open source
>>> c/ Real 36 1ºA
>>> 28230 Las Rozas de Madrid
>>> tel. 916377043
>>> fax. 916375147
>>> http://www.biosfera4.com
>>> [EMAIL PROTECTED]
>>>
>>>
>>> _______________________________________________
>>> Lista de distribución Ovillo
>>> Para escribir a la lista, envia un correo a [email protected]
>>> Puedes modificar tus datos o desuscribirte en la siguiente
>>> dirección: http://ovillo.org/mailman/listinfo/ovillo
>>>
>>>
>> _______________________________________________
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a [email protected]
>> Puedes modificar tus datos o desuscribirte en la siguiente
>> dirección: http://ovillo.org/mailman/listinfo/ovillo
>>
>>
Saludos.
_________________________________
Todo lo que no aprendí,
no se me ha olvidado.
_________________________________
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
