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

Ajuda - Header...

Discussão em 'Web Development' iniciada por Memphis, 15 de Outubro de 2007. (Respostas: 5; Visualizações: 586)

  1. Memphis

    Memphis Power Member

    Estou a fazer um header e tem o seguinte code:

    Ou seja, tenho uma td com as dimensões e depois uma div com o logo, mas eu queria adicionar um local para um banner, só que não consigo situa-lo onde pretendo.

    Eu queria o logo do lado esquerdo alinhado a cima e o banner do lado direito alinhado ao centro...

    Como posso fazer isso? Apenas com tabelas?
     
  2. hasta.g5

    hasta.g5 I quit My Job for Folding

    Estás a fazer o layout utilizando tabelas ou div's? Como não uso tabelas para fazer layouts, não sei se é comum usar div's para se posicionarem coisas dentro das células...
    De qualquer das maneiras, já experimentaste usar duas células, uma para cada imagem? Do estilo:

    Código:
    <tr>
       <td>banner</td><td>logo</td>
    </tr>
    Nota: Diz-se que não é boa prática usar tabelas para fazer layouts.
     
  3. Memphis

    Memphis Power Member

    O que eu pretendo é tipo como está aqui na Tech, logo de um lado, banner do outro...

    A única maneira que sei para fazer isso é com tabelas, mas queria evitar...

    Por isso procuro outras alternativas.
     
  4. hYpe

    hYpe [email protected] Member

    As tabelas não são realmente a melhor maneira...

    Estás a usar CSS?

    Se sim, tenta isto :

    PHP:
    #logotop a, #logotop img { float: left; }
     
  5. Memphis

    Memphis Power Member

    Alinhar este à esquerda eu consigo, não consigo é colocar o banner alinhado à direita, no mesmo seguimento do logo.
     
  6. hasta.g5

    hasta.g5 I quit My Job for Folding

    Se tiveres por exemplo:

    Código:
    <div id="logo"></div>
    <div id="banner"></div>
    
    E no CSS:
    Código:
    #logo {
       /* blá blá */
    }
    
    #banner {
       /* blá blá */
       float: right;
    }
    
    Põe-te o banner do lado direito ao mesmo nível do logo.
     

Partilhar esta Página