Autor Tópico: Html - Formatação de banners  (Lida 1278 vezes)

ljfuzeira

  • Novato
  • *
  • Mensagens: 1
  • Karma: 0
    • Ver Perfil
Html - Formatação de banners
« em: Julho 07, 2009, 02:54:30 »
Alguém pode dizer como se faz para se colocar, por exemplo dois banners 125*125 um ao lado do outro na horizontal.

É que ao meter o código, sem meter o
 os banner passam automaticamente um para debaixo do outro?


Alguém ajuda? É preciso fazer tabelas?

Obrigado.


ORiOn16

  • Membro Pro
  • Geek
  • ****
  • Mensagens: 132
  • Karma: 0
    • Ver Perfil
    • LibertyTuga
Html - Formatação de banners
« Responder #1 em: Julho 07, 2009, 03:31:26 »
Normalmente se não meteres
 elas não vão para baixo... A não ser que não cavem uma ao lado da outra...

trmanco

  • Super-Moderador
  • Heroi da Nação
  • *****
  • Mensagens: 2378
  • Karma: 0
    • Ver Perfil
    • http://trmanco.com
Html - Formatação de banners
« Responder #2 em: Julho 07, 2009, 06:01:47 »
Depende, eu faria com a ajuda de CSS

cenourinha

  • Administrador
  • Heroi da Nação
  • *****
  • Mensagens: 13032
  • Karma: 16
    • Ver Perfil
    • WebTuga
Html - Formatação de banners
« Responder #3 em: Julho 07, 2009, 08:48:22 »
Usas um parágrafo para cada linha de imagens que queres, tens é que ter cuidado que elas não excedam o tamanho da div e saltem para baixo.
Always know if the juice is worth the squeeze

GetHost4You - Alojamento Gratuito PHP + MySql
WebTuga Hosting - Alojamento Profissional PHP + MySql

ilovehentai

  • Membro Pro
  • Junior
  • ****
  • Mensagens: 83
  • Karma: 0
    • Ver Perfil
    • http://
Html - Formatação de banners
« Responder #4 em: Julho 10, 2009, 11:19:56 »
Tenta algo assim

Código: [Seleccione]
<div style="width: 250px; display:block; overflow:hidden;height: 250px;">
  <div style="width:125px; display:block;float:left;">
    <img src="caminho/do/banner.jpg" alt="banner 1" />
  </div>
  <div style="width:125px; display:block;float:left;">
    <img src="caminho/do/banner.jpg" alt="banner 1" />
  </div>
</div>

A primeira div funciona como contentor para os dois banners
Depois dentro dessa mesmo tens duas divs que funcionam como blocos para conter as imagens, esses blocos possuem o atributo float para enconstar uma a outra, repara que nesta situação as divs internas nem sequer são obrigatórias mas era apenas para afirmar que desta forma podem sempre encostar conteúdos