1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

div na vertical com texto horixzontal html css

Discussão em 'Web Development' iniciada por alfinete, 2 de Setembro de 2008. (Respostas: 4; Visualizações: 1528)

  1. alfinete

    alfinete Power Member

  2. geoblast

    geoblast Power Member

    basta colocares no css do td a propriedade
    unicode-bidi : bidi-override;
    writing-mode: tb-rl;

    Já sabes que só funciona no IE.
     
    Última edição: 2 de Setembro de 2008
  3. p3dro

    p3dro Power Member

    Como o geoblast disse e bem só o IE suporta essa funcionalidade, mas acho que o CSS3 vai ter algo sobre isso, não me lembro ao certo onde li isso, logo não tenho fonte :p


    Não respondendo directamente à tua dúvida, tens um plugin para o jquery que faz algo semelhante, apesar de algumas limitações, podes consultar neste link
     
  4. Gurzi

    Gurzi Power Member

    com outra div e um top:50% não chegas lá ?
     
  5. alfinete

    alfinete Power Member

    Código:
    
    <html>
    <head>
    <style type="text/css">
    .verticaltext{
        font: bold 13px Arial;
        position: absolute;
        color: #9A9A9A;
        background-color:#F1F1F1;
        left: 3px;
        top: 20px;
        width: 15px;
        writing-mode: tb-rl;
    }
    
    .verticaltext2{
        position: absolute;
        color: #9A9A9A;
        left: 52px;
        top: 20px;
        width: 15px;
        writing-mode:tb-rl;
        font: bold 13px Arial;
        background-color:#F0F0F0; 
        filter: FlipH FlipV;
        unicode-bidi:bidi-override;                    
    }
    
    </style>
    </head>
    <body>
    <div class="verticaltext">ASU!1! vertical text</div>
    <div class="verticaltext2">ASU!1! vertical text</div>
    </body>
    </html>
    
    
    esta aqui a solução, brigada por tdos os helps, mas so fuinciona mesmo e ie, pois experimentei em forefox, opera e safari, e nada, mas se encontratem uma solução agradecia que postassem qaui

    thanks for help
     

Partilhar esta Página