5 replies to this topic

[Welington]

Olá pessoal,

desenhei o layout e estou em dúvida quanto à implementação de uma parte.
Essa parte constitue-se se 3 quadros onde haverá um título e uma imagem logo abaixo dele, como vocês podem ver na figura:

 gaiolas.jpg   52.3KB   11 downloads

A minha dúvida é: o que é semanticamente mais correto:
Fazer apenas uma div ocupando a largura inteira da tela e colocar os 3 quadros dentro dela (usando as tags h1 para o texto e img para as imagens)
ou
Fazer uma div para cada quadro (três divs), que irá conter seu respectivo título e imagem?

Estou perguntando porque minha preocupação é em relação ao aumento de texto. Fiz o primeiro exemplo, com uma div só e os 3 quadros dentro dela, e quanto aumento a fonte, as imagens se desalinham completamente.

Obrigado,

Welington

[Raphaell]

Acho que você deveria utilizar o método 1, mais com as imagens apresentadas no CSS como background, entende ?

[Welington]

Na verdade as imagens serão links, então apresentá-las como background não daria certo.
Dei uma olhada no site novo da CNN (que supostamente teria sido desenvolvido por um profissional), e eles usam DIV pra tudo, menos para os títulos e imagens, e algumas outras coisas, então estou em dúvida, porque lá existem algumas coisas que poderiam ser feitas sem divs, apenas acertando o alinhamento dos elementos...

Alguém mais?

Obrigado

[Raphaell]

Então ponha a imagem na tag IMG.

[bimonti]

Acho que assim seria melhor mesmo:

<div class="float_left">
  <h3>Gaiola</h3>
  <img src="bogus.jpg" />
</div>

Sendo que o título (h3) ficaria com um fundo cinza para mesclar com a imagem:

+----------+
| H3	   |
+----------+
| Imagem   |
+----------+

[Welington]

Consegui resolver pessoal,
obrigado.