Re: [Ovillo] Como poner un texto vertical con css o con javascript
BIENVENIDO AL MUNDO DEL WEB DEVELOPMENT :P
jajajj con IE siempre es asi, ya te vas a ir acostumbrando.. tenes un
ejemplo subido a internet donde se pueda ver como falla?, o si no pasa el
codigo, o algo con lo que pueda ayudarte, asi en el aire sin ver el bug o
ver el codigo es imposible que te de una mano.
_
Leandro Asrilevich | www.beastxblog.com
FrontEnd Developer
Movil: +54 (11) 15 3663 0011
Web: http://www.beastxblog.com
MSN: bea...@gmail.com
Skype User: leandro.asrilevich
Dorrego 328
Muniz - Partido de San Miguel
Buenos Aires - Argentina
2010/12/20 Ariel
> Bueno pues todo funciona, tanto en firefox como en internet explorer, pero
> es que tengo otro problema relacionado con este asunto y quiero saber si
> alguno de ustedes sabe algo al respecto, el problema es que le doy estilo a
> las letras que estan dentro del div que se pone vertical y en firefox y
> chrome el estilo se ve bien exactamente igual que si estuvieran horizontal,
> sin embargo en internet explorer las letras cogen el color el tamaño y
> otras
> características pero no se ven exactamente igual que como se ven esos
> estilos de manera horizontal en el mismo internet explorer, se ven las
> letras como que apretadas y de manera diferente, alguien sabe por que
> ocurre
> esto ? como se puede arreglar ???
> Saludos
> Gracias de antemano.
> Ariel
>
> 2010/12/16 Leandro Asrilevich
>
> > 3 cosas:
> >
> > 1ro el position absolute no es necesario.
> > 2do: la clase vertical no existe, en cambio en el html tenes usado
> > transform
> > usa en ambos lados la misma.
> >
> > y por ultimo el verticalText que la clase si esta bien, no te funciona
> por
> > falta de los ; al final de la linea, tonces el interprete de css esta
> > tomando todo como una sola declaracion..
> >
> > siempre en css despues de cada declaracion debes poner un ;
> >
> > Corrije eso y quedara andando.
> >
> > Cualquier cosa estoy a tu disposicion
> > _
> >
> > Leandro Asrilevich | www.beastxblog.com
> > FrontEnd Developer
> > Movil: +54 (11) 15 3663 0011
> >
> > Web: http://www.beastxblog.com
> > MSN: bea...@gmail.com
> > Skype User: leandro.asrilevich
> >
> > Dorrego 328
> > Muniz - Partido de San Miguel
> > Buenos Aires - Argentina
> >
> >
> > 2010/12/16 German Bustos
> >
> > > Este es mi código, que no funciona
> > >
> > > > >"http://www.w3.org/TR/html4/loose.dtd";>
> > >
> > >
> > >
> > >
> > >
> > > Test
> > >
> > > .contiene{
> > >width: 50%;
> > >border: 2px solid #CCC;
> > > }
> > >
> > >
> > > .verticaltext {
> > > -webkit-transform: rotate(90deg)
> > > -moz-transform: rotate(90deg)
> > > -o-transform: rotate(90deg)
> > > transform: rotate(90deg)
> > > }
> > > .vetical{
> > >-webkit-transform: rotate(270deg);
> > >-moz-transform: rotate(270deg);
> > >-o-transform: rotate(270deg);
> > >position: absolute;
> > > }
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> > > Lorem ipsum y demás huevadas
> > >
> > > Lorem ipsum y demás huevadas
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> > > +++
> > > Y este el que bajé de CSS3Maker
> > >
> > > > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > > http://www.w3.org/1999/xhtml";>
> > >
> > >
> > > www.css3maker.com
> > >
> > > body{ font-size:18px; color:#FFF; }
> > > a { color:#FFF}
> > > .classname { border:solid 1px #2d2d2d; text-align:center;
> > > background:#575757; padding:100px 50px 100px 50px; -moz-border-radius:
> > > 5px; -webkit-border-radius: 5px; border-radius: 5px;}
> > >
> > > /* =Your Generated css
> > >
> > >
> >
> |||*/
> > > .classname a{position:absolute; left:40%; -webkit-transform:
> > > rotate(270deg);-moz-transform: rotate(270deg);-o-transform:
> > > rotate(270deg);writing-mode: bt-lr;}
> > > /* End of Your Generated css
> > >
> > >
> >
> |||*/
> > >
> > >
> > >
> > >
> > > http://www.css3maker.com";>
> > > www.css3maker.com
> > >
> > >
> > >
> > >
> > >
> > > El 16 de diciembre de 2010 19:36, Leandro Asrilevich > > >escribió:
> > >
> > > > fijate que el ejemplo que te pase y lo que tenes en el link que diste
> > de
> > > > ejemplo vos es lo mismo..
> > > >
> > > > pega aca el codigo que estas usando asi veo por que puede no estarte
> > > > andando.
> > > >
> > > > _
> > > >
> > > > Leandro Asrilevich | www.beastxblog.com
> > > > FrontEnd Developer
> > > > Movil: +54 (11) 15 3663 0011
> > > >
> > > > Web: http://www.beastxblog.com
> > > > MSN: bea...@gmail.com
> > > > Skype User: leandro.asrilevich
> > > >
> > > > Dorrego 328
> > > > Muniz - Partido de San Miguel
> > > > Buenos Aires - Argentina
> > > >
> > > >
> > > > 2010/12/16 German Bustos
> > > >
> > > > > Hola,
> > > > >
> > > > > No me funciona el código que mandas, p
Re: [Ovillo] Como poner un texto vertical con css o con javascript
Bueno pues todo funciona, tanto en firefox como en internet explorer, pero
es que tengo otro problema relacionado con este asunto y quiero saber si
alguno de ustedes sabe algo al respecto, el problema es que le doy estilo a
las letras que estan dentro del div que se pone vertical y en firefox y
chrome el estilo se ve bien exactamente igual que si estuvieran horizontal,
sin embargo en internet explorer las letras cogen el color el tamaño y otras
características pero no se ven exactamente igual que como se ven esos
estilos de manera horizontal en el mismo internet explorer, se ven las
letras como que apretadas y de manera diferente, alguien sabe por que ocurre
esto ? como se puede arreglar ???
Saludos
Gracias de antemano.
Ariel
2010/12/16 Leandro Asrilevich
> 3 cosas:
>
> 1ro el position absolute no es necesario.
> 2do: la clase vertical no existe, en cambio en el html tenes usado
> transform
> usa en ambos lados la misma.
>
> y por ultimo el verticalText que la clase si esta bien, no te funciona por
> falta de los ; al final de la linea, tonces el interprete de css esta
> tomando todo como una sola declaracion..
>
> siempre en css despues de cada declaracion debes poner un ;
>
> Corrije eso y quedara andando.
>
> Cualquier cosa estoy a tu disposicion
> _
>
> Leandro Asrilevich | www.beastxblog.com
> FrontEnd Developer
> Movil: +54 (11) 15 3663 0011
>
> Web: http://www.beastxblog.com
> MSN: bea...@gmail.com
> Skype User: leandro.asrilevich
>
> Dorrego 328
> Muniz - Partido de San Miguel
> Buenos Aires - Argentina
>
>
> 2010/12/16 German Bustos
>
> > Este es mi código, que no funciona
> >
> > >"http://www.w3.org/TR/html4/loose.dtd";>
> >
> >
> >
> >
> >
> > Test
> >
> > .contiene{
> >width: 50%;
> >border: 2px solid #CCC;
> > }
> >
> >
> > .verticaltext {
> > -webkit-transform: rotate(90deg)
> > -moz-transform: rotate(90deg)
> > -o-transform: rotate(90deg)
> > transform: rotate(90deg)
> > }
> > .vetical{
> >-webkit-transform: rotate(270deg);
> >-moz-transform: rotate(270deg);
> >-o-transform: rotate(270deg);
> >position: absolute;
> > }
> >
> >
> >
> >
> >
> >
> >
> > Lorem ipsum y demás huevadas
> >
> > Lorem ipsum y demás huevadas
> >
> >
> >
> >
> >
> >
> >
> > +++
> > Y este el que bajé de CSS3Maker
> >
> > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > http://www.w3.org/1999/xhtml";>
> >
> >
> > www.css3maker.com
> >
> > body{ font-size:18px; color:#FFF; }
> > a { color:#FFF}
> > .classname { border:solid 1px #2d2d2d; text-align:center;
> > background:#575757; padding:100px 50px 100px 50px; -moz-border-radius:
> > 5px; -webkit-border-radius: 5px; border-radius: 5px;}
> >
> > /* =Your Generated css
> >
> >
> |||*/
> > .classname a{position:absolute; left:40%; -webkit-transform:
> > rotate(270deg);-moz-transform: rotate(270deg);-o-transform:
> > rotate(270deg);writing-mode: bt-lr;}
> > /* End of Your Generated css
> >
> >
> |||*/
> >
> >
> >
> >
> > http://www.css3maker.com";>
> > www.css3maker.com
> >
> >
> >
> >
> >
> > El 16 de diciembre de 2010 19:36, Leandro Asrilevich > >escribió:
> >
> > > fijate que el ejemplo que te pase y lo que tenes en el link que diste
> de
> > > ejemplo vos es lo mismo..
> > >
> > > pega aca el codigo que estas usando asi veo por que puede no estarte
> > > andando.
> > >
> > > _
> > >
> > > Leandro Asrilevich | www.beastxblog.com
> > > FrontEnd Developer
> > > Movil: +54 (11) 15 3663 0011
> > >
> > > Web: http://www.beastxblog.com
> > > MSN: bea...@gmail.com
> > > Skype User: leandro.asrilevich
> > >
> > > Dorrego 328
> > > Muniz - Partido de San Miguel
> > > Buenos Aires - Argentina
> > >
> > >
> > > 2010/12/16 German Bustos
> > >
> > > > Hola,
> > > >
> > > > No me funciona el código que mandas, pero cuando lo hago con
> > > > http://www.css3maker.com/text-rotation.html# y lo descargo me
> > funciona,
> > > no
> > > > entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
> > > > (probé
> > > > y no funcionó)? Yo veo mi código casi igual pero no funciona
> > > >
> > > > Germán
> > > >
> > > > El 16 de diciembre de 2010 15:47, Leandro Asrilevich <
> bea...@gmail.com
> > > > >escribió:
> > > >
> > > > > .verticaltext {
> > > > > -webkit-transform: rotate(90deg)
> > > > > -moz-transform: rotate(90deg)
> > > > > -o-transform: rotate(90deg)
> > > > > transform: rotate(90deg)
> > > > > }
> > > > >
> > > > > opera no se si lo soporta aun, pero te agregue como seria si lo
> > > > soportase.
> > > > >
> > > > > para webkit (chrome, safari) y firefox estaria andando, y te puse
> la
> > > > ultima
> > > > > declaracion "transform" para cuando los browsers empiecen a
> > soportarlo
> > > > > directo sin usar
Re: [Ovillo] Como poner un texto vertical con css o con javascript
3 cosas:
1ro el position absolute no es necesario.
2do: la clase vertical no existe, en cambio en el html tenes usado transform
usa en ambos lados la misma.
y por ultimo el verticalText que la clase si esta bien, no te funciona por
falta de los ; al final de la linea, tonces el interprete de css esta
tomando todo como una sola declaracion..
siempre en css despues de cada declaracion debes poner un ;
Corrije eso y quedara andando.
Cualquier cosa estoy a tu disposicion
_
Leandro Asrilevich | www.beastxblog.com
FrontEnd Developer
Movil: +54 (11) 15 3663 0011
Web: http://www.beastxblog.com
MSN: bea...@gmail.com
Skype User: leandro.asrilevich
Dorrego 328
Muniz - Partido de San Miguel
Buenos Aires - Argentina
2010/12/16 German Bustos
> Este es mi código, que no funciona
>
> "http://www.w3.org/TR/html4/loose.dtd";>
>
>
>
>
>
> Test
>
> .contiene{
>width: 50%;
>border: 2px solid #CCC;
> }
>
>
> .verticaltext {
> -webkit-transform: rotate(90deg)
> -moz-transform: rotate(90deg)
> -o-transform: rotate(90deg)
> transform: rotate(90deg)
> }
> .vetical{
>-webkit-transform: rotate(270deg);
>-moz-transform: rotate(270deg);
>-o-transform: rotate(270deg);
>position: absolute;
> }
>
>
>
>
>
>
>
> Lorem ipsum y demás huevadas
>
> Lorem ipsum y demás huevadas
>
>
>
>
>
>
>
> +++
> Y este el que bajé de CSS3Maker
>
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
>
>
> www.css3maker.com
>
> body{ font-size:18px; color:#FFF; }
> a { color:#FFF}
> .classname { border:solid 1px #2d2d2d; text-align:center;
> background:#575757; padding:100px 50px 100px 50px; -moz-border-radius:
> 5px; -webkit-border-radius: 5px; border-radius: 5px;}
>
> /* =Your Generated css
>
> |||*/
> .classname a{position:absolute; left:40%; -webkit-transform:
> rotate(270deg);-moz-transform: rotate(270deg);-o-transform:
> rotate(270deg);writing-mode: bt-lr;}
> /* End of Your Generated css
>
> |||*/
>
>
>
>
> http://www.css3maker.com";>
> www.css3maker.com
>
>
>
>
>
> El 16 de diciembre de 2010 19:36, Leandro Asrilevich >escribió:
>
> > fijate que el ejemplo que te pase y lo que tenes en el link que diste de
> > ejemplo vos es lo mismo..
> >
> > pega aca el codigo que estas usando asi veo por que puede no estarte
> > andando.
> >
> > _
> >
> > Leandro Asrilevich | www.beastxblog.com
> > FrontEnd Developer
> > Movil: +54 (11) 15 3663 0011
> >
> > Web: http://www.beastxblog.com
> > MSN: bea...@gmail.com
> > Skype User: leandro.asrilevich
> >
> > Dorrego 328
> > Muniz - Partido de San Miguel
> > Buenos Aires - Argentina
> >
> >
> > 2010/12/16 German Bustos
> >
> > > Hola,
> > >
> > > No me funciona el código que mandas, pero cuando lo hago con
> > > http://www.css3maker.com/text-rotation.html# y lo descargo me
> funciona,
> > no
> > > entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
> > > (probé
> > > y no funcionó)? Yo veo mi código casi igual pero no funciona
> > >
> > > Germán
> > >
> > > El 16 de diciembre de 2010 15:47, Leandro Asrilevich > > >escribió:
> > >
> > > > .verticaltext {
> > > > -webkit-transform: rotate(90deg)
> > > > -moz-transform: rotate(90deg)
> > > > -o-transform: rotate(90deg)
> > > > transform: rotate(90deg)
> > > > }
> > > >
> > > > opera no se si lo soporta aun, pero te agregue como seria si lo
> > > soportase.
> > > >
> > > > para webkit (chrome, safari) y firefox estaria andando, y te puse la
> > > ultima
> > > > declaracion "transform" para cuando los browsers empiecen a
> soportarlo
> > > > directo sin usar el vendor filder
> > > > _
> > > >
> > > > Leandro Asrilevich | www.beastxblog.com
> > > > FrontEnd Developer
> > > > Movil: +54 (11) 15 3663 0011
> > > >
> > > > Web: http://www.beastxblog.com
> > > > MSN: bea...@gmail.com
> > > > Skype User: leandro.asrilevich
> > > >
> > > > Dorrego 328
> > > > Muniz - Partido de San Miguel
> > > > Buenos Aires - Argentina
> > > >
> > > >
> > > > 2010/12/16 Ariel
> > > >
> > > > > Hola a todos:
> > > > >
> > > > > Quiero poner un texto en posicion vertical, no con las letras una
> > > debajo
> > > > de
> > > > > la otra si no las palabras en una linea de oracion girada 90 grados
> > > hacia
> > > > > la
> > > > > izquierda, ya sé como hacerlo en internet explorer con unos filtros
> > > > > especiales de ese navegador:
> > > > > .verticaltext {
> > > > >writing-mode: tb-rl;
> > > > >filter: flipv fliph;
> > > > > }
> > > > >
> > > > > Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y
> > > opera.
> > > > >
> > > > > Si alguien me puede ayudar y dar una idea se lo agradecería.
> > > > > Gracias de antemano
> > > > >
Re: [Ovillo] Como poner un texto vertical con css o con javascript
Fíjate que en el segundo de ellos hay un detalle tonto que hace que no
funcione,
el nombre de la clase del css es "vetical" mientras que en html es
"transform".
Cuando la he cambiado en el css a "transform" me ha funcionado.
En el segundo te pasa una cosa parecida...
1º Creo que el position:absolute sí hace falta
2º Te has dejado el ";" para indicar el fin de la sentencia CSS para la
clase verticaltext.
El código corregido:
**
http://www.w3.org/TR/html4/loose.dtd";>
Test
.contiene{
width: 50%;
border: 2px solid #CCC;
}
.verticaltext {
-webkit-transform: rotate(90deg)*;*
-moz-transform: rotate(90deg)*;*
-o-transform: rotate(90deg)*;*
transform: rotate(90deg)*;*
*position: absolute;*
}
.*transform*{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
position: absolute;
}
Lorem ipsum y demás huevadas
Lorem ipsum y demás huevadas
**
El 17 de diciembre de 2010 01:58, German Bustos escribió:
> Este es mi código, que no funciona
>
> "http://www.w3.org/TR/html4/loose.dtd";>
>
>
>
>
>
> Test
>
> .contiene{
>width: 50%;
>border: 2px solid #CCC;
> }
>
>
> .verticaltext {
> -webkit-transform: rotate(90deg)
> -moz-transform: rotate(90deg)
> -o-transform: rotate(90deg)
> transform: rotate(90deg)
> }
> .*vetical*{
>-webkit-transform: rotate(270deg);
>-moz-transform: rotate(270deg);
>-o-transform: rotate(270deg);
>position: absolute;
> }
>
>
>
>
>
>
>
> Lorem ipsum y demás huevadas
>
> Lorem ipsum y demás huevadas
>
>
>
>
>
>
>
> +++
> Y este el que bajé de CSS3Maker
>
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
>
>
> www.css3maker.com
>
> body{ font-size:18px; color:#FFF; }
> a { color:#FFF}
> .classname { border:solid 1px #2d2d2d; text-align:center;
> background:#575757; padding:100px 50px 100px 50px; -moz-border-radius:
> 5px; -webkit-border-radius: 5px; border-radius: 5px;}
>
> /* =Your Generated css
>
> |||*/
> .classname a{position:absolute; left:40%; -webkit-transform:
> rotate(270deg);-moz-transform: rotate(270deg);-o-transform:
> rotate(270deg);writing-mode: bt-lr;}
> /* End of Your Generated css
>
> |||*/
>
>
>
>
> http://www.css3maker.com";>
> www.css3maker.com
>
>
>
>
>
> El 16 de diciembre de 2010 19:36, Leandro Asrilevich >escribió:
>
> > fijate que el ejemplo que te pase y lo que tenes en el link que diste de
> > ejemplo vos es lo mismo..
> >
> > pega aca el codigo que estas usando asi veo por que puede no estarte
> > andando.
> >
> > _
> >
> > Leandro Asrilevich | www.beastxblog.com
> > FrontEnd Developer
> > Movil: +54 (11) 15 3663 0011
> >
> > Web: http://www.beastxblog.com
> > MSN: bea...@gmail.com
> > Skype User: leandro.asrilevich
> >
> > Dorrego 328
> > Muniz - Partido de San Miguel
> > Buenos Aires - Argentina
> >
> >
> > 2010/12/16 German Bustos
> >
> > > Hola,
> > >
> > > No me funciona el código que mandas, pero cuando lo hago con
> > > http://www.css3maker.com/text-rotation.html# y lo descargo me
> funciona,
> > no
> > > entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
> > > (probé
> > > y no funcionó)? Yo veo mi código casi igual pero no funciona
> > >
> > > Germán
> > >
> > > El 16 de diciembre de 2010 15:47, Leandro Asrilevich > > >escribió:
> > >
> > > > .verticaltext {
> > > > -webkit-transform: rotate(90deg)
> > > > -moz-transform: rotate(90deg)
> > > > -o-transform: rotate(90deg)
> > > > transform: rotate(90deg)
> > > > }
> > > >
> > > > opera no se si lo soporta aun, pero te agregue como seria si lo
> > > soportase.
> > > >
> > > > para webkit (chrome, safari) y firefox estaria andando, y te puse la
> > > ultima
> > > > declaracion "transform" para cuando los browsers empiecen a
> soportarlo
> > > > directo sin usar el vendor filder
> > > > _
> > > >
> > > > Leandro Asrilevich | www.beastxblog.com
> > > > FrontEnd Developer
> > > > Movil: +54 (11) 15 3663 0011
> > > >
> > > > Web: http://www.beastxblog.com
> > > > MSN: bea...@gmail.com
> > > > Skype User: leandro.asrilevich
> > > >
> > > > Dorrego 328
> > > > Muniz - Partido de San Miguel
> > > > Buenos Aires - Argentina
> > > >
> > > >
> > > > 2010/12/16 Ariel
> > > >
> > > > > Hola a todos:
> > > > >
> > > > > Quiero poner un texto en posicion vertical, no con las letras una
> > > debajo
> > > > de
> > > > > la otra si no las palabras en una linea de oracion girada 90 grados
> > > hacia
> > > > > la
> > > > > izquierda, ya sé como hacerlo en internet explorer con unos filtros
> > > > > especiales de ese navegador:
> > > > > .verticaltext {
> > > > >writing-mode: tb-rl;
> > > > >filte
Re: [Ovillo] Como poner un texto vertical con css o con javascript
Este es mi código, que no funciona
http://www.w3.org/TR/html4/loose.dtd";>
Test
.contiene{
width: 50%;
border: 2px solid #CCC;
}
.verticaltext {
-webkit-transform: rotate(90deg)
-moz-transform: rotate(90deg)
-o-transform: rotate(90deg)
transform: rotate(90deg)
}
.vetical{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
position: absolute;
}
Lorem ipsum y demás huevadas
Lorem ipsum y demás huevadas
+++
Y este el que bajé de CSS3Maker
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
www.css3maker.com
body{ font-size:18px; color:#FFF; }
a { color:#FFF}
.classname { border:solid 1px #2d2d2d; text-align:center;
background:#575757; padding:100px 50px 100px 50px; -moz-border-radius:
5px; -webkit-border-radius: 5px; border-radius: 5px;}
/* =Your Generated css
|||*/
.classname a{position:absolute; left:40%; -webkit-transform:
rotate(270deg);-moz-transform: rotate(270deg);-o-transform:
rotate(270deg);writing-mode: bt-lr;}
/* End of Your Generated css
|||*/
http://www.css3maker.com";>www.css3maker.com
El 16 de diciembre de 2010 19:36, Leandro Asrilevich escribió:
> fijate que el ejemplo que te pase y lo que tenes en el link que diste de
> ejemplo vos es lo mismo..
>
> pega aca el codigo que estas usando asi veo por que puede no estarte
> andando.
>
> _
>
> Leandro Asrilevich | www.beastxblog.com
> FrontEnd Developer
> Movil: +54 (11) 15 3663 0011
>
> Web: http://www.beastxblog.com
> MSN: bea...@gmail.com
> Skype User: leandro.asrilevich
>
> Dorrego 328
> Muniz - Partido de San Miguel
> Buenos Aires - Argentina
>
>
> 2010/12/16 German Bustos
>
> > Hola,
> >
> > No me funciona el código que mandas, pero cuando lo hago con
> > http://www.css3maker.com/text-rotation.html# y lo descargo me funciona,
> no
> > entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
> > (probé
> > y no funcionó)? Yo veo mi código casi igual pero no funciona
> >
> > Germán
> >
> > El 16 de diciembre de 2010 15:47, Leandro Asrilevich > >escribió:
> >
> > > .verticaltext {
> > > -webkit-transform: rotate(90deg)
> > > -moz-transform: rotate(90deg)
> > > -o-transform: rotate(90deg)
> > > transform: rotate(90deg)
> > > }
> > >
> > > opera no se si lo soporta aun, pero te agregue como seria si lo
> > soportase.
> > >
> > > para webkit (chrome, safari) y firefox estaria andando, y te puse la
> > ultima
> > > declaracion "transform" para cuando los browsers empiecen a soportarlo
> > > directo sin usar el vendor filder
> > > _
> > >
> > > Leandro Asrilevich | www.beastxblog.com
> > > FrontEnd Developer
> > > Movil: +54 (11) 15 3663 0011
> > >
> > > Web: http://www.beastxblog.com
> > > MSN: bea...@gmail.com
> > > Skype User: leandro.asrilevich
> > >
> > > Dorrego 328
> > > Muniz - Partido de San Miguel
> > > Buenos Aires - Argentina
> > >
> > >
> > > 2010/12/16 Ariel
> > >
> > > > Hola a todos:
> > > >
> > > > Quiero poner un texto en posicion vertical, no con las letras una
> > debajo
> > > de
> > > > la otra si no las palabras en una linea de oracion girada 90 grados
> > hacia
> > > > la
> > > > izquierda, ya sé como hacerlo en internet explorer con unos filtros
> > > > especiales de ese navegador:
> > > > .verticaltext {
> > > >writing-mode: tb-rl;
> > > >filter: flipv fliph;
> > > > }
> > > >
> > > > Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y
> > opera.
> > > >
> > > > Si alguien me puede ayudar y dar una idea se lo agradecería.
> > > > Gracias de antemano
> > > > Saludos
> > > > ___
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> >
> > *Germán Bustos*
> > Asesor en estrategias de comunicación en Internet para organizaciones
> > sociales
> > http://atarraya.org
> > http://germanbustos.com
> > Tel: (+57) 3177381339
> >
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para es
Re: [Ovillo] Como poner un texto vertical con css o con javascript
fijate que el ejemplo que te pase y lo que tenes en el link que diste de
ejemplo vos es lo mismo..
pega aca el codigo que estas usando asi veo por que puede no estarte
andando.
_
Leandro Asrilevich | www.beastxblog.com
FrontEnd Developer
Movil: +54 (11) 15 3663 0011
Web: http://www.beastxblog.com
MSN: bea...@gmail.com
Skype User: leandro.asrilevich
Dorrego 328
Muniz - Partido de San Miguel
Buenos Aires - Argentina
2010/12/16 German Bustos
> Hola,
>
> No me funciona el código que mandas, pero cuando lo hago con
> http://www.css3maker.com/text-rotation.html# y lo descargo me funciona, no
> entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
> (probé
> y no funcionó)? Yo veo mi código casi igual pero no funciona
>
> Germán
>
> El 16 de diciembre de 2010 15:47, Leandro Asrilevich >escribió:
>
> > .verticaltext {
> > -webkit-transform: rotate(90deg)
> > -moz-transform: rotate(90deg)
> > -o-transform: rotate(90deg)
> > transform: rotate(90deg)
> > }
> >
> > opera no se si lo soporta aun, pero te agregue como seria si lo
> soportase.
> >
> > para webkit (chrome, safari) y firefox estaria andando, y te puse la
> ultima
> > declaracion "transform" para cuando los browsers empiecen a soportarlo
> > directo sin usar el vendor filder
> > _
> >
> > Leandro Asrilevich | www.beastxblog.com
> > FrontEnd Developer
> > Movil: +54 (11) 15 3663 0011
> >
> > Web: http://www.beastxblog.com
> > MSN: bea...@gmail.com
> > Skype User: leandro.asrilevich
> >
> > Dorrego 328
> > Muniz - Partido de San Miguel
> > Buenos Aires - Argentina
> >
> >
> > 2010/12/16 Ariel
> >
> > > Hola a todos:
> > >
> > > Quiero poner un texto en posicion vertical, no con las letras una
> debajo
> > de
> > > la otra si no las palabras en una linea de oracion girada 90 grados
> hacia
> > > la
> > > izquierda, ya sé como hacerlo en internet explorer con unos filtros
> > > especiales de ese navegador:
> > > .verticaltext {
> > >writing-mode: tb-rl;
> > >filter: flipv fliph;
> > > }
> > >
> > > Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y
> opera.
> > >
> > > Si alguien me puede ayudar y dar una idea se lo agradecería.
> > > Gracias de antemano
> > > Saludos
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
>
> *Germán Bustos*
> Asesor en estrategias de comunicación en Internet para organizaciones
> sociales
> http://atarraya.org
> http://germanbustos.com
> Tel: (+57) 3177381339
>
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Como poner un texto vertical con css o con javascript
Hola,
No me funciona el código que mandas, pero cuando lo hago con
http://www.css3maker.com/text-rotation.html# y lo descargo me funciona, no
entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute (probé
y no funcionó)? Yo veo mi código casi igual pero no funciona
Germán
El 16 de diciembre de 2010 15:47, Leandro Asrilevich escribió:
> .verticaltext {
> -webkit-transform: rotate(90deg)
> -moz-transform: rotate(90deg)
> -o-transform: rotate(90deg)
> transform: rotate(90deg)
> }
>
> opera no se si lo soporta aun, pero te agregue como seria si lo soportase.
>
> para webkit (chrome, safari) y firefox estaria andando, y te puse la ultima
> declaracion "transform" para cuando los browsers empiecen a soportarlo
> directo sin usar el vendor filder
> _
>
> Leandro Asrilevich | www.beastxblog.com
> FrontEnd Developer
> Movil: +54 (11) 15 3663 0011
>
> Web: http://www.beastxblog.com
> MSN: bea...@gmail.com
> Skype User: leandro.asrilevich
>
> Dorrego 328
> Muniz - Partido de San Miguel
> Buenos Aires - Argentina
>
>
> 2010/12/16 Ariel
>
> > Hola a todos:
> >
> > Quiero poner un texto en posicion vertical, no con las letras una debajo
> de
> > la otra si no las palabras en una linea de oracion girada 90 grados hacia
> > la
> > izquierda, ya sé como hacerlo en internet explorer con unos filtros
> > especiales de ese navegador:
> > .verticaltext {
> >writing-mode: tb-rl;
> >filter: flipv fliph;
> > }
> >
> > Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y opera.
> >
> > Si alguien me puede ayudar y dar una idea se lo agradecería.
> > Gracias de antemano
> > Saludos
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Como poner un texto vertical con css o con javascript
.verticaltext {
-webkit-transform: rotate(90deg)
-moz-transform: rotate(90deg)
-o-transform: rotate(90deg)
transform: rotate(90deg)
}
opera no se si lo soporta aun, pero te agregue como seria si lo soportase.
para webkit (chrome, safari) y firefox estaria andando, y te puse la ultima
declaracion "transform" para cuando los browsers empiecen a soportarlo
directo sin usar el vendor filder
_
Leandro Asrilevich | www.beastxblog.com
FrontEnd Developer
Movil: +54 (11) 15 3663 0011
Web: http://www.beastxblog.com
MSN: bea...@gmail.com
Skype User: leandro.asrilevich
Dorrego 328
Muniz - Partido de San Miguel
Buenos Aires - Argentina
2010/12/16 Ariel
> Hola a todos:
>
> Quiero poner un texto en posicion vertical, no con las letras una debajo de
> la otra si no las palabras en una linea de oracion girada 90 grados hacia
> la
> izquierda, ya sé como hacerlo en internet explorer con unos filtros
> especiales de ese navegador:
> .verticaltext {
>writing-mode: tb-rl;
>filter: flipv fliph;
> }
>
> Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y opera.
>
> Si alguien me puede ayudar y dar una idea se lo agradecería.
> Gracias de antemano
> Saludos
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Como poner un texto vertical con css o con javascript
Hola a todos:
Quiero poner un texto en posicion vertical, no con las letras una debajo de
la otra si no las palabras en una linea de oracion girada 90 grados hacia la
izquierda, ya sé como hacerlo en internet explorer con unos filtros
especiales de ese navegador:
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y opera.
Si alguien me puede ayudar y dar una idea se lo agradecería.
Gracias de antemano
Saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
