Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

alexandre_prog

Mostrar texto como paisagem (LandScape)

Por , em Desenvolvimento frontend

Recommended Posts

alexandre_prog    0

alexandre_prog
Postado

Pessoal, já pesquisei muito mesmo sobre o assunto, e gostaria de saber como realmente fazer isso, porque já olhei umas 200 páginas e não consigo achar como faço pra mostrar qualquer conteúdo que estiver na página em modo PAISAGEM!!

 

 

COMO fazer funcionar???

 

Obrigado!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexandre_prog    0

alexandre_prog
Postado

Como criar um tópico para o seu problema.

 

 

aumentando a largura?

 

é na hora de imprimir

como assim ...explica melhor ..!!Talvez se voce colocar o conteudo dentro de uma tabela com o valor fixo resolva..é isso ?

 

TIPO assim parcero, mas não está funcionando!!

 

<style type="text/css" media="print">
@page land {
size: landscape;
}
#landscape {
page: land;
}
</style>
<body>
alexandre
</body>

Gostaria que o texto da tag Body aparecesse em Modo Paisagem na tela (landscape)....

 

 

Como fazer funcionar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Rotacionar elementos com CSS ainda não é possível. Use image replacement

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

A M$ já aplica isso, propriedade que talvez virá com a CSS3: (veja no IE7 ou IE6)

http://www.criarweb.com/artigos/560.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

A M$ já aplica isso, propriedade que talvez virá com a CSS3: (veja no IE7 ou IE6)

Pois é, mas não serve muito já que só funciona nos navegadores IE.

 

Outra opção também seria o sIFR, caso necessite mudar o texto com freqüência

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

A um bom tempo atraz ouve uma pergunta parecida, conseguimos essa solução:

http://forum.imasters.com.br/index.php?showtopic=277809

 

lembre-se, pesquise sempre antes de postar. ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexandre_prog    0

alexandre_prog
Postado

A um bom tempo atraz ouve uma pergunta parecida, conseguimos essa solução:

http://forum.imasters.com.br/index.php?showtopic=277809

 

lembre-se, pesquise sempre antes de postar. ;)

 

Infelizmente todos os exemplos encontrados nesse link e nos acima, os exemplos só funcionan no Internet Explorer...

 

EAI,,, mas alguma idéia??

 

 

Obrigado!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Rotacionar elementos com CSS ainda não é possível. Use image replacement

 

[]'s

Não tem outro jeito. Só image replacement mesmo. http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

mas você retirou o 

"@media print{"
você leu direito, aquele exemplo foi passado para modo de impressão para usar em screen deve-se retirar o "PRINT".

 

Mas o preferivel é mesmo o que o William falou, pois você terá muita dor de cabeça com o CSS e no FF a rotação é bem mais complicada.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexandre_prog    0

alexandre_prog
Postado

mas você retirou o 

"@media print{"
você leu direito, aquele exemplo foi passado para modo de impressão para usar em screen deve-se retirar o "PRINT".

 

Mas o preferivel é mesmo o que o William falou, pois você terá muita dor de cabeça com o CSS e no FF a rotação é bem mais complicada.

 

Então, percebi isso mesmo depois que comecei a pesquisar sobre o assunto,

 

mas então que a saída??

 

não fazer a rotação??

 

como proceder?

 

 

Obrigado!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Uma duvida, se é "tanto texto assim" por que escrever dessa maneira, isso atrapalharia a leitura do usuario, não é mesmo?

Acredito que se não for tanto texto o image_replacent está de bom tamanho, porem se for muito mesmo, escrever na dessa maneira só dificultaria o usuario.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexandre_prog    0

alexandre_prog
Postado

Uma duvida, se é "tanto texto assim" por que escrever dessa maneira, isso atrapalharia a leitura do usuario, não é mesmo?

Acredito que se não for tanto texto o image_replacent está de bom tamanho, porem se for muito mesmo, escrever na dessa maneira só dificultaria o usuario.

 

Então parceiro, o porque disso tudo é que queria fazer uma Gambiarra minha, a questão é a seguinte, vou gerar relatórios em modo paisagem, então se eu colocar TODO o texto desse jeito, ele não precisará mudar as configurações de impressora para modo paisagem,

 

 

GAMBIARRA PURA não???

 

A idéia era essa, não é pra ele visualizar esse texto, muito menos pra um caso de interface, apenas pra imprimir em modo paisagem sem ter que mudar as configurações da "Folha do papel"..... ou seja, se mudar isso com JavaScript não tem jeito, então mudamos o Texto!!

 

 

Obrigado, dependendo das "reivindicações" do pessoal aqui do serviço, verei o que fazer!!

 

 

... qualquer coisa voltarei a postar!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexandre_prog    0

alexandre_prog
Postado

a se é para "imprimir" (foi o que eu entedi) o primeiro link que eu passei funciona perfeitamente. Mas lógico teria de adaptar ao seu sistema ;)

 

Nenhuma das três maneiras não deram certo aqui parceiro, olhe uma delas

 

<html><head>
<style type="text/css" media="print">
#landscape { 
   writing-mode: tb-rl;
   height: 80%;
   margin: 10% 0%;
}
</style>
<body>
<div id="conteiner" class="LandscapeDiv">
conteudo
<div>
<button onClick="window.print();">vai</button>
</body>
</html>

 

E nada de ficar no modo paisagem, pelo menos no FIREFOX não deu certo!!

 

Obrigado!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

#landscape { 
  ..
}

<div id="conteiner" class="LandscapeDiv">
..
<div>
Veja que você fez um referenciamento à id #landscape, e esta não existe no teu html!!

Impossível de funcionar mesmo.. nem se você tentasse por um background color daria certo.

 

se teu DIV tem ID="container", coloque isso no CSS uê..

Não cheguei à testar tb, mas esse funciona certinho no Internet Explorer.. e se é pra um sistema interno, e você precisa resolver... talvez "obrigar" à usarem o IE para imprimir os relatórios, não seja uma má idéia.

 

"Quem não tem cão, caça com gato!"

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito