Hola a todos, y muchas gracias por las respuestas, Al final me he decidido por una solución parecida a los enlaces que me dio Federico de meyerweb, es decir, lo que yo he hecho es poner las imágenes de distinto ancho flotadas a la izda, como gifs del mismo color del fondo, y la imagen "diagonal" con transparencias por encima; de esta manera, me ahorro tener que recortar en tres imágenes cada titulo, y parece que funciona.
La única pega que le veo ahora, es que si el texto necesita scroll, las líneas no se van ajustando porque se desplazan las imágenes flotadas también, pero bueno, no me preocupa demasiado. Gracias otra vez. 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] > Yo siempre he venido usando la solución de Eric Meyer, de poner DIVs, de > ancho el margen que debamos dejar, de alto el de la línea que vayan a > desplazar, y flotados a la izquierda; y me han funcionado bastante bien. > También he de decir que solo lo usé una vez porque intento evitar tener que > hacer estas cosas, pero bueno, creo que es la solución más "limpia". > > Un saludo, David Merino Ogando. > > On 3/1/06, Raúl Martín <[EMAIL PROTECTED]> wrote: >> >> 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 >> > _______________________________________________ > 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
