Ir para conteúdo
Fórum Script Brasil
  • 0

Problema css tabela


Mauren Ginaldo Souza

Pergunta

Oi pessoal,

criei uma tabela em uma página com 4 colunas, a tabela vai ocupar 100% da página e cada coluna 25%.

Em cada coluna tem um label e um input. Quero que o input ocupe todo o espaço restante da coluna que o label não ocupar. Coloquei no style do input para ele ter 100%, porém ele realmente está ocupando 100% e está quebrando a linha em relação ao label, ficando o label em cima e o input abaixo dele.

Tem alguma configuração que coloco no estilo do input para ele ocupar toda a linha restante sem quebrar a mesma?

OBS: Estou usando % (porcentagem), pois quero que a página se adapte ao tamanho da tela do usuário.

Obrigado.

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0
Posta o código pra gente.

O código é +- assim:

<table width="100%" >
        <tr>
            <td width="25%"> <label title="label1" /> <input id="input1"  /> </td>
            <td width="25%"> <label title="label2" /><input id="input2"  /> </td>
            <td width="25%"> <label title="label3" /> <input id="input3"  /> </td>
            <td width="25%"> <label title="label4" /> <input id="input4"  /> </td>
        </tr>
    </table>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...