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

[HTML] problema com tabelas

Discussão em 'Web Development' iniciada por K0mA, 9 de Março de 2007. (Respostas: 6; Visualizações: 1309)

  1. K0mA

    K0mA Power Member

    Boas,

    Queria meter numa página uma imagem, ao lado dessa imagem queria um input = text (form) e para alinhar tudo usei uma tabela.

    Ficou assim:

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </head>
    <body>
    <div id="wr">
    
       <form>...
         <table>...<img>...<input> ...
    
         ...
         ...
    
         <[COLOR=Red]/[/COLOR]table>
       <[COLOR=Red]/[/COLOR]form>
    
    <[COLOR=Red]/[/COLOR]div>
    
    
    <[COLOR=Red]/[/COLOR]body>
    <[COLOR=Red]/[/COLOR]html>
    Até aqui tudo bem, consigo meter tudo como quero, o problema é que agora se adicionar alguma coisa após </form> essa coisa vai-me aparecer à direita da tabela e não por baixo.
    Nem metendo <br/> nem <p> dá para passar para baixo.

    O que fazer ?

    PS Não é do CSS pois retirando o link fica igual.
    O HTML foi validado..
     
    Última edição: 9 de Março de 2007
  2. OldMan

    OldMan Power Member

    se nao encontrares solucao penso que nao havera problema pores tudo que tencionas por dentro da DIV, pores dentro do FORM tambem, ou seja:

    Código:
    <div>
    <form>
    bla
    bla
    bla
    e mais tudo
    bla
    </form>
    </div>
    
     
  3. artideias

    artideias Power Member

    Código:
    <form>
        <fieldset>
            <img src="" alt="" style="float: left" />
            <input type="" id="" style="float: left" />
        </fieldset>
    </form>
    

    qualquer coisa desse tipo, agora dependes do que queres fazer com os restantes elementos
     
  4. K0mA

    K0mA Power Member

    Receio que não tenham entendido bem o que quis dizer...

    Eu meti: <div><form><table>

    e fechei tudo: </table></form></div>

    Se eu agora por baixo disto meter <div><p>Teste</p></div>

    Isto vai-me aparecer assim:

    -------------------- Teste
    | | |
    -------TABELA------
    | | |
    --------FORM-------
    | | |
    --------------------
    | | |
    --------------------

    Teste

    ****************************************

    Teste aparece no sítio onde está a vermelho (ao lado) quando queria que aparecesse no sítio onde está a verde (por baixo).

    Não consigo meter por baixo nem com <p> nem com <div> apenas consigo isso se meter <BR/><BR/><BR/><BR/><BR/><BR/><BR/>Teste (ou seja metendo tantos espaços até que ultrapassa a tabela.

    Não sei se terá a ver mas o Firefox adiciona a TAG TBODY sozinho e retira a tag TABLE.

    PS. onde eu tenho Teste na realidade é outra tabela que em vez de aparecer por baixo aparece à direita colada à tabela do form.
     
  5. Mitnick

    Mitnick Power Member

    Tens de definir no CSS que a a segunda DIV e para aparcer debaixo da primeira e nao ao lado...
     
  6. HecKel

    HecKel The WORM

    É curioso que ando com um problema exactamente oposto..., aparece por baixo e quero que apareça ao lado..., se me permitirem o abuso da thread, mais logo coloco aqui o source code :x2:

    abraços, HecKel
     
  7. K0mA

    K0mA Power Member

    Pois,

    display: block; e display: inline; mas nem assim...

    EDITADO: Já consegui meti apenas no CSS:

    Clear: both;
     
    Última edição: 14 de Março de 2007

Partilhar esta Página