Voltear texto

12/07/2005 - 17:11 por Ricardo Carcassón | Informe spam

Hola:

Desde hace dias que estoy bucando una funcion o javascript que me permita
girar el texto. Encontre por ahi el flipH y el flipV pero no es lo que
necesito. necesito por ejemplo... si mi cadena de texto esta asi:

Que en mi pagina web se muestre asi

|
| |
| |
| |
| |
|

No se si les queda claro, es como girar todo el texto a noventa grados,
flipH y flipV me dan vuelta todo el texto pero me lo dejan sobre la misma
alineacion.

Espero puedan ayudarme y gracias de antemano =)

Saludos
Ricardo Carcassón
Depto. Informática
Inspectorate Griffith S.A
Santiago - Chile

Siga el debate

3 respuestas

Tengo una respuesta

Preguntas similare

¿como girar o voltear un cuadro de texto?

Leer las respuestas

#1 Óscar del Río

15/07/2005 - 14:11 | Informe spam

no creo que exista una función de ese tipo. te puedes crear una que
sustituya cada uno de los caracteres posibles por el equivalente en
vertical, sería un poco costoso pero ya te digo que no creo que exista una
en la definición del lenguaje

http://www.mozilla-europe.org/es/products/firefox/
"Ricardo Carcassón" escribió en el mensaje
news:%23$

Hola:

Desde hace dias que estoy bucando una funcion o javascript que me permita
girar el texto. Encontre por ahi el flipH y el flipV pero no es lo que
necesito. necesito por ejemplo... si mi cadena de texto esta asi:

Que en mi pagina web se muestre asi

|
| |
| |
| |
| |
|

No se si les queda claro, es como girar todo el texto a noventa grados,
flipH y flipV me dan vuelta todo el texto pero me lo dejan sobre la misma
alineacion.

Espero puedan ayudarme y gracias de antemano =)

Saludos
Ricardo Carcassón
Depto. Informática
Inspectorate Griffith S.A
Santiago - Chile

Responder a este mensaje

#2 Pantxo

21/07/2005 - 13:56 | Informe spam

Aquí tienes un ejemplo sacado del MSDN:

<HTML>
<STYLE>
.clsHoriz { writing-mode:lr-tb }
</STYLE>
</HEAD>
<BODY>

<H1>writing-mode Attribute</H1>

<P>This example shows how to use the <B>writing-mode</B> attribute to
display horizontal text (<SPAN >lr-tb</SPAN>) within vertical text
(<SPAN>tb-rl</SPAN>).</P>

<P>The following <B>DIV</B> element has a <B>writing-mode</B> of tb-rl
and contains text and <B>SPAN</B> child elements. The text flow alternates
between vertical and horizontal. Note the effect of the <B>BR</B> element
after the second set of vertical text.</P>

<DIV STYLE="writing-mode:tb-rl">
First Set of Vertical Text
<SPAN CLASS="clsHoriz">First Set of Horizontal Text</SPAN>
Second Set of Vertical Text plus a line break<BR>
<SPAN STYLE="writing-mode:lr-tb">Second Set of Horizontal Text</SPAN>
Third Set of Vertical Text
<SPAN CLASS="clsHoriz">Third Set of Horizontal Text</SPAN>
</DIV>
</BODY>
</HTML>Un saludoPantxo"Ricardo Carcassón" escribió
en el mensaje news:%23$

Hola:

Desde hace dias que estoy bucando una funcion o javascript que me permita
girar el texto. Encontre por ahi el flipH y el flipV pero no es lo que
necesito. necesito por ejemplo... si mi cadena de texto esta asi:

Que en mi pagina web se muestre asi

|
| |
| |
| |
| |
|

No se si les queda claro, es como girar todo el texto a noventa grados,
flipH y flipV me dan vuelta todo el texto pero me lo dejan sobre la misma
alineacion.

Espero puedan ayudarme y gracias de antemano =)

Saludos
Ricardo Carcassón
Depto. Informática
Inspectorate Griffith S.A
Santiago - Chile

Responder a este mensaje

#3 Ricardo Carcassón

25/07/2005 - 21:55 | Informe spam

JUSTAMENTE!!!! ESO ES LO QUE ESTABA BUSCANDO!!

Muchas gracias Pantxo!!!!

Ricardo Carcassón
Depto. Informática
Inspectorate Griffith S.A
Santiago - Chile
"Pantxo" escribió en el mensaje
news:ed#

Aquí tienes un ejemplo sacado del MSDN:

<HTML>
<STYLE>
.clsHoriz { writing-mode:lr-tb }
</STYLE>
</HEAD>
<BODY>

<H1>writing-mode Attribute</H1>

<P>This example shows how to use the <B>writing-mode</B> attribute to
display horizontal text (<SPAN >lr-tb</SPAN>) within vertical text
(<SPAN>tb-rl</SPAN>).</P>

<P>The following <B>DIV</B> element has a <B>writing-mode</B> of tb-rl
and contains text and <B>SPAN</B> child elements. The text flow alternates
between vertical and horizontal. Note the effect of the <B>BR</B> element
after the second set of vertical text.</P>

<DIV STYLE="writing-mode:tb-rl">
First Set of Vertical Text
<SPAN CLASS="clsHoriz">First Set of Horizontal Text</SPAN>
Second Set of Vertical Text plus a line break<BR>
<SPAN STYLE="writing-mode:lr-tb">Second Set of Horizontal Text</SPAN>
Third Set of Vertical Text
<SPAN CLASS="clsHoriz">Third Set of Horizontal Text</SPAN>
</DIV>
</BODY>
</HTML>Un saludoPantxo"Ricardo Carcassón"

escribió

en el mensaje news:%23$
> Hola:
>
> Desde hace dias que estoy bucando una funcion o javascript que me

permita

> girar el texto. Encontre por ahi el flipH y el flipV pero no es lo que
> necesito. necesito por ejemplo... si mi cadena de texto esta asi:
>
>
>
> Que en mi pagina web se muestre asi
>
> |
> | |
> | |
> | |
> | |
> |
>
> No se si les queda claro, es como girar todo el texto a noventa grados,
> flipH y flipV me dan vuelta todo el texto pero me lo dejan sobre la

misma

> alineacion.
>
> Espero puedan ayudarme y gracias de antemano =)
>
> Saludos
> Ricardo Carcassón
> Depto. Informática
> Inspectorate Griffith S.A
> Santiago - Chile
>
>

Siga el debate Respuesta

Responder a este mensaje

Ads by Google

Hacer una pregunta

Tengo una respuesta

Busqueda sugerida