Foros del Web » Creando para Internet » HTML »

Texto Vertical

Estas en el tema de Texto Vertical en el foro de HTML en Foros del Web. Hola amigos tengo este problema Yo quiero escribir en mi pagina un texto vertical en una tabla pero no se como e visto en internet ...
  #1 (permalink)  
Antiguo 18/01/2011, 14:41
 
Fecha de Ingreso: abril-2010
Mensajes: 108
Antigüedad: 14 años, 7 meses
Puntos: 2
Texto Vertical

Hola amigos tengo este problema
Yo quiero escribir en mi pagina un texto vertical en una tabla pero no se como e visto en internet que si se puede pero a la hora de mostrar solo se puede ver en internet explorer y no con mozilla.
Les agradeseria que si me pudieran ayudar con unos ejemplos


Gracias

Jarlis Pereira
  #2 (permalink)  
Antiguo 18/01/2011, 15:52
 
Fecha de Ingreso: diciembre-2008
Mensajes: 52
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Texto Vertical

Mi recomendación es que hicieras una imagen con el texto vertical y solo la insertas
  #3 (permalink)  
Antiguo 18/01/2011, 15:54
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 meses
Puntos: 36
Respuesta: Texto Vertical

Hay algunas propiedades CSS3 que permiten o permitirán algún dia hacer eso. La manera de hacerlo hasta hoy es crear una imagen con el texto en vertical y colocarla en la página. De momento yo optaría por ella para garantizar la compatibilidad.
  #4 (permalink)  
Antiguo 18/01/2011, 15:56
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 19 años, 3 meses
Puntos: 638
Respuesta: Texto Vertical

Lo haces con CSS, fíjate en este ejemplo http://cssglobe.com/post/9392/angled...-mask-with-css

Tal vez algo así:
Código HTML:
Ver original
  1. <div class="vertical">
  2.     Este es un texto vertical
  3. </div>
Y en el css:
Código CSS:
Ver original
  1. .vertical{
  2.     -moz-transform:rotate(90deg);
  3.     -webkit-transform:rotate(90deg);
  4.     -o-transform:rotate(90deg);
  5. }
Te toca investigar, cada opción, osea, -moz-transform, -webkit-transform y -o-transform sirven para cada tipo de navegador.

Espero te sirva, saludos
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #5 (permalink)  
Antiguo 18/01/2011, 19:17
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 14 años, 1 mes
Puntos: 59
O puedes hacerlo así:
Código HTML:
Ver original
  1. t<br>e<br>x<br>t<br>o

__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111

Etiquetas: vertical
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:17.