Ir para conteúdo

Arquivado

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

Douglas Fávero

Texto Fora da DIV - Por Causa Do PHP

Recommended Posts

Me ajudem ?

fiz esse teclado em HTML,CSS,JS e PHP, só que quando digito mais de que uns 50 caracteres o texto sai fora da DIV no canto Right.

Fação assim: digite mais de 50 caracteres e clica em enviar e olhe só, como posso resolver isso ?

no recebe.php tire o " srtlen() ", esavo só debugando em vez disso coloque isso => print $_POST['texto'];

https://www.dropbox.com/s/6bfjt6szw5vhkk7/Teclado.rar?dl=0

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Douglas, compreendi o que está acontecendo.

É óbvio que o texto vai sair fora, já que você só definiu uma tag <p> para a exibição do conteúdo. Existe algo dentro do seu CSS que está errado e não está limitando o tag ao seu width.

Para isso, você pode resolver de duas maneiras:

  • Alterar a tag <p> por <input> ou <textarea>;
  • Alterar as propriedades CSS desse <p>.

Alterando a tag:

<div class="corpo">
   <div class="container">
      <h1>Você escreveu:</h1>
      <input type="text" name="qtd_texto" value="<?php echo $_POST['texto']; ?>">

      <!-- OU -->

      <textarea><?php echo $_POST['texto']; ?></textarea>
   </div>
</div>

E após isso, definir os estilos para essa nova tag dentro do seu CSS.

Exemplo:

.conteiner textarea {
   width: 100%;
   height: /* Você define */;
   resize: none;
   
   border-radius: 5px;
   display: block;
   position: relative;
   margin: 0 auto;
  
   font-family: Arial, Tahoma, Verdana, sans-serif;
   font-size: 1.4rem;
   color: #333;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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