writing mode

[fael 1]

Alguém sabe me dizer como faço para fazer funcionar o hr com writing-mode?

 

Tenho a seguinte class:

 

ASP [/tr][tr]

.hrVertical {

writing-mode: tb-rl;

padding: -5px;

border-left: 0px none;

border-right: 0px none;

border-bottom: 0px none;

border-top: 1px dashed #99CC00;

height: 0px

}

 

[/tr]

 

Era para o hr aparecer em vertical, ele aparece numa boa, mas não com a estilização que coloquei na classe, alguém sabe me dizer porque? Tem outra maneira de colocar uma linha vertical?

 

Abraços,

[Leandro Vieira Pinho 0]

Tente com:

height: 1%;

[fael 1]

Leandro, não é do height que estou falando, eu quero que a linha tenha o mesmo visual que se estivesse na horizontal.Faça um teste, pegue a minha classe e retire o writing-mode para ver do que estou dizendo e depois teste com o writing-mode.

[_ nEoN _ 0]

AUshauhsa comedia os cara viaja d+ ! não lê o topico direito e jah sai respondendo.. eh f***... <_<

 

http://msdn.microsoft.com/workshop/author/...writingmode.asp

 

// Vcs conhecem o Google ? -_-

[Leandro Vieira Pinho 0]

AUshauhsa comedia os cara viaja d+ ! não lê o topico direito e jah sai respondendo.. eh f***... <_< http://msdn.microsoft.com/workshop/author/...writingmode.asp// Vcs conhecem o Google ? -_-

O exemplo so funcionou no ie

[fael 1]

Gurizada, Mas será que ninguém entendeu o meu post!? Eu quero aplicar a classe acima num hr com writing-mode e não funciona, como usar o writing-mode eu já estou cansado de saber <_< Falou!

[fael 1]

hahahahahahehehehehehehe!!! Que viagem a minha cara!

 

O negócio é o seguinte:

 

Se eu tenho uma linha horizontal e mudo ela de posição, ou seja, para vertical, é lógico que as propriedades que eu estou usando não funcionarão, já que a linha tem espessura pequena e não consigo ver o border-top, e se alterar o height para 0, é lógico que vai sumir, pois agora a espessura será width e não mais height e o border, será left ou right...

 

ASP [/tr][tr]

.hrVertical {

writing-mode: tb-rl;

padding: -5px;

border-left: 1px dashed #99CC00;

border-right: 0px none;

border-bottom: 0px none;

border-top: 0px none;

width: 0px

}

 

[/tr]

 

Abraços e valeu pelas atenções,