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

Offline ljfuzeira

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
Html - Formatação de banners
« em: Julho 07, 2009, 02:54:30 pm »
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.

Offline ORiOn16

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://libertytuga.com
Html - Formatação de banners
« Responder #1 em: Julho 07, 2009, 03:31:26 pm »
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...

Offline trmanco

  • Global Moderator
  • Newbie
  • *****
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://trmanco.com
Html - Formatação de banners
« Responder #2 em: Julho 07, 2009, 06:01:47 pm »
Depende, eu faria com a ajuda de CSS

Offline Teotónio Ricardo

  • Administrator
  • Newbie
  • *****
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://www.teotonio.pt
Html - Formatação de banners
« Responder #3 em: Julho 07, 2009, 08:48:22 pm »
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.

Offline ilovehentai

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://
Html - Formatação de banners
« Responder #4 em: Julho 10, 2009, 11:19:56 pm »
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

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49