Ir para conteúdo

POWERED BY:

Arquivado

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

TeixeiraRamos

[Resolvido] Direção das letras

Por , em Desenvolvimento frontend

Recommended Posts

TeixeiraRamos    4

TeixeiraRamos
Postado

O que devo usar para que um texto fique nessa posição dentro de uma div

 

F

E

L

I

Z

 

N

A

T

A

L

 

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

TeixeiraRamos    4

TeixeiraRamos
Postado

Jonathandj,

Funcionou! Muito legal. Obrigado pela orientação.

Desejo muito sucesso na sua vida.

Compartilhar este post

Link para o post
Compartilhar em outros sites

TeixeiraRamos    4

TeixeiraRamos
Postado

Salve, salve gente,

É o seguinte estou tendo fazer com que um texto dentro de uma div ao ser preenchida com texto (letras) venha a se expandir para cima não descer.

Vou detalhar:

Pedir uma orinteção como fazer com que um texto ficasse assim:

 

F

E

L

I

Z

 

N

A

T

A

L

 

O jonathandj me recomendou uma refrencia:

 

Funcionou muito bem com:

#div-coluna-vale-dez{
background: #666666;
width:2em;
text-transform:uppercase;
}

 

So que essa "div" esta trabalhando com um banco de dados, ou seja, na realidade ou não vou digitar

F

E

L

I

Z

 

N

A

T

A

L

 

Mas a lógica é a mesma.

Se eu chamo um registro em uma "div" com por exemplo: B B B B B B B B B B eu desejo que essa div fique com um tamanho. Se eu colocar uma outra "div" e chamar outro registro como por exemplo P P P P P P P P P P P P P P P P P P P P essa div vai ficar com outro tamanho.

É isso que está acontecendo cada barra como de um gráfico está com um tamanho. Muito bem.

Acontece que as div ao invés de subir ela está expandido para baixo.

Tenho que impedir que ao entrar os dados (letras) venha se expandir para baixo.

A CSS de estudo está assim:

#div-container{
width: 301px;
height: 220px;
position: absolute;
left: 386px;
top: 80px;
background: #FFFFFF;
border-bottom: thin solid #000000;
border-left: thin solid #000000;
}


#div-coluna-vale-dez{
background: #666666;
width:2em;
text-transform:uppercase;
left: 5px;
color: #666666;
top: 215px;
position: absolute;
border-top: thin solid #000000;
border-right: thin solid #000000;
border-bottom: thin solid #000000;
border-left: thin solid #000000;
margin-bottom: 40px;
}

#div-coluna-vale-vinte{
background: #666666;
width:2em;
text-transform:uppercase;
left: 45px;
color: #666666;
top: 215px;
position: absolute;
border-top: thin solid #000000;
border-right: thin solid #000000;
border-bottom: thin solid #000000;
border-left: thin solid #000000;
margin-bottom: 40px;
}

 

O codigol:

<body>
Testes <p>
Retornra <a href="index.asp">aqui</a>
para principal

<%while not rs.eof%>
<div id="div-container">

<div id="div-coluna-vale-dez"><%=rs("letras_vale_dez")%></div>
<div id="div-coluna-vale-vinte"><%=rs("letras_vale_vinte")%></div>
</div>

<% rs.movenext
  wend
  Set rs=nothing
  Set conexaoDatabase=nothing
%>

</body>
</html>

 

Aqui http://www.informacaoteixeira.com.br/teste_diversos_usando_css_teste.asp na página de estudo demonstro como não desejo que fique.

As barras descem e deveriam subir.

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