como escribir verticalmente

Esfinge02 · #1 (**permalink**) 02/12/2008, 14:55

hola quisiera saber si en html es posible escribir verticalmente, y sin br

David · #2 (**permalink**) 02/12/2008, 14:59

¿A qué te refieres con escribir verticalmente? ¿?

Esfinge02 · #3 (**permalink**) 02/12/2008, 15:17

valla poder escribir para avajo algo asi:

h
o
l
a

c
o
m
o

e
s
t
a
s

buzu · #4 (**permalink**) 02/12/2008, 15:24

por que noquieres usar <br />?

Esfinge02 · #5 (**permalink**) 02/12/2008, 16:03

queria saber si era posible posible hacerlo por css, pero segun e estado buscando al pareser es algo imposible asi que usare <br/>

Mikmoro · #6 (**permalink**) 02/12/2008, 17:28

No claro que se puede:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
#vertical {width: 10px; text-align: center;}
</style>
</head>
<body>
<div id="vertical">t e x t o - e n - v e r t i c a l</div>
</body>
</html>

Es un truco, no hay una propiedad para eso

Esfinge02 · #7 (**permalink**) 02/12/2008, 19:48

no pues hora si que gracias

buzu · #8 (**permalink**) 03/12/2008, 00:25

buena solución Mikmoro, solo agregar que es mejor usar 1em en lugar de 10px. Así si se hace el texto más grande no hay ningún problema.

webosiris · #9 (**permalink**) 03/12/2008, 23:57

Cita:

Iniciado por Mikmoro

no hay una propiedad para eso

en "realidad" si hay propiedad, pero es css 3... actualmente solo la soporta IE ya que fue una propiedad propuesta por microsoft. Se trata de writing-mode

buzu · #10 (**permalink**) 04/12/2008, 11:53

Webosiris, eso es casi como si no la hubiera, pero por lo menos da la posibilidad de poder usarla en un futuro. De cualquier modo es bueno saberla.

Saludos.

webosiris · #11 (**permalink**) 04/12/2008, 12:00

Cita:

Iniciado por buzu

Webosiris, eso es casi como si no la hubiera

por algo usé las comillas en "realidad"

Esfinge02 · #12 (**permalink**) 04/12/2008, 14:15

ok es cierto es bueno saberlo, sin embargo es algo que no todos los nabegadores lo soporten por lo tanto nocreo utilisarlo en un futuro sercano de todos modo muchas gracias por tu aporte

buzu · #13 (**permalink**) 04/12/2008, 18:54

si lo se webosiris. Solo quise hacer más énfasis para que no quedara duda. Buen aporte como quiera que sea.

comunidadrawpuntocom · #14 (**permalink**) 10/08/2009, 03:59

Cita:

Iniciado por Esfinge02

hola quisiera saber si en html es posible escribir verticalmente, y sin br

Para hacer eso, simplemente usá la etiqueta <pre>

Pre, viene de "texto pre-formateado",
o sea, interpreta el formateo del texto, tal cual está en el code,.

Citando tu ejemplo de más arriba:

Si escribís ésto:

Código:

<p>
h
o
l
a

c
o
m
o

e
s
t
a
s
</p>

La devolución Formateada será:

hola como estas

En cambio, usando la etiqueta <pre>,
que sería así:

Código:

<pre>
h
o
l
a

c
o
m
o

e
s
t
a
s
</pre>

La devolución en el formateado sería:

h
o
l
a

c
o
m
o

e
s
t
a
s

Y sin ninguna necesidad de <br />
;)

pd: A su vez, la etiqueta <pre>,
la podés envolver en una etiqueta <p>

Suerte con eso ^^

alexk · #15 (**permalink**) 10/08/2009, 08:44

el ultimo post fue
04-dic-2008, 18:54

fijate jeje

Esfinge02 · #16 (**permalink**) 10/08/2009, 10:34

tenia entendi do que ela etiqueta <pre></pre> funcionava solo en ie, nose si ya se alla estandarisado? ¿pequeña gran duda?

comunidadrawpuntocom · #17 (**permalink**) 10/08/2009, 14:11

Cita:

Iniciado por alexk

el ultimo post fue
04-dic-2008, 18:54

fijate jeje

Me fijé, y como la duda no estaba completamente resuelta,
le di la solución en HTML sin necesidad de CSS ;)

-----------------------------------------------------------------------------------------

Cita:

Iniciado por Esfinge02

tenia entendi do que ela etiqueta <pre></pre> funcionava solo en ie, nose si ya se alla estandarisado? ¿pequeña gran duda?

Ya se ha estandarisado hace muchísmo,.

Funciona con Internet Explorer, Mozilla FireFox,
Opera, y diría que prácticamente todos,.

Ya en el HTML 4.01 transitional,
era muy usado,.

Usalo, que funciona muy bien ;)
^^

Nos comentás :)

kseso? · #18 (**permalink**) 10/08/2009, 14:46

Cita:

Iniciado por Esfinge02

hola quisiera saber si en html es posible escribir verticalmente, y sin br

¿y qué diferencia hay entre <br /> en el html y un salto de carro en el "pre"?
Pregunto porque no tengo claro si no será lo mismo.

comunidadrawpuntocom · #19 (**permalink**) 10/08/2009, 14:56

Cita:

Iniciado por kseso?

¿y qué diferencia hay entre <br /> en el html y un salto de carro en el "pre"?
Pregunto porque no tengo claro si no será lo mismo.

No entiendo a qué te referís exactamente,.

¿Podrías ser más claro?

DragonX · #20 (**permalink**) 10/08/2009, 14:59

dejemos de dar vueltas, la mejor solucion la dio Mikmoro

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
#vertical {width: 10px; text-align: center;}
</style>
</head>
<body>
<div id="vertical">t e x t o - e n - v e r t i c a l</div>
</body>
</html>

y no hay vueltas!

kseso? · #21 (**permalink**) 10/08/2009, 15:12

Efectívamente, DragónX. Y en base a esa idea, fue esta realización (donde dice autorías).

Comunidad... me refiero a que creo que no hay diferencia entre poner <br /> en el html que pulsar 'intro' (hacer un retorno de carro, un salto de línea) en un texto preformateado.

Un saludo

comunidadrawpuntocom · #22 (**permalink**) 10/08/2009, 15:17

Cita:

Iniciado por DragonX

dejemos de dar vueltas, la mejor solucion la dio Mikmoro

y no hay vueltas!

No, te equivocás, no es la mejor, como tampoco la etiqueta <pre> lo es,.
La mejor solución, se adaptará a cada problema en particular,.

Para algunos problemas será mejor el CSS,
y para otros, la utilización de la etiqueta <pre>

Y no estamos dando vueltas, estamos resolviendo dudas,
que para eso son los foros :)

Gracias también a ti por tu aporte,.

comunidadrawpuntocom · #23 (**permalink**) 10/08/2009, 15:21

Cita:

Iniciado por kseso?

Efectívamente, DragónX. Y en base a esa idea, fue esta realización (donde dice autorías).

Comunidad... me refiero a que creo que no hay diferencia entre poner <br /> en el html que pulsar 'intro' (hacer un retorno de carro, un salto de línea) en un texto preformateado.

Un saludo

En la visualización del formateado final, claro que no hay diferencia.
Pero en el Code, es mucho más cómodo y rápito la utilización de la etiqueta <pre>

Más para los que programamos en el Block de Notas ^^

;)

alexk · #24 (**permalink**) 10/08/2009, 16:10

no lo veo mas comodo... ya que no se respeta la estructura en "arbol" como se acostumbra para su facil lectura... pero bueno... no es que este mal tu alternativa, tansolo es mas confiable con CSS, y vamos la mas "correcta" para este caso... pero te digo no esta mal tansolo es una opcion mas... por eso no veia el sentido reanimar el tema

ademas la etiqueta <pre> deja el codigo con la fuente "curier"... supongo...

comunidadrawpuntocom · #25 (**permalink**) 10/08/2009, 16:24

Cita:

Iniciado por alexk

no lo veo mas comodo... ya que no se respeta la estructura en "arbol" como se acostumbra para su facil lectura... pero bueno... no es que este mal tu alternativa, tansolo es mas confiable con CSS, y vamos la mas "correcta" para este caso... pero te digo no esta mal tansolo es una opcion mas... por eso no veia el sentido reanimar el tema

ademas la etiqueta <pre> deja el codigo con la fuente "curier"... supongo...

Si, lo deja en fuente monoespaciada, pero se puede cambiar sin problemas con CSS,.

En fin, Cada quien muere a su modo,.

que use lo que más le guste :)

Esfinge02 · #26 (**permalink**) 11/08/2009, 11:21

en mi umilde opinion, digo la mejor solucion es aquella que mejor se adapte a nuestro problema y ami me funcione perfectamente la solucion que dio Mikmoro, gracias por sus aportes y comentarios........