Jump to content
Sign in to follow this  
cheires

Imagem em browser

Recommended Posts

cheires

Olá a todos,

Antes de por a minha duvida, aviso já que não percebo nada de HTML (o que não invalida que não perceba alguma coisa do resto  :P )

Tenho uma imagem para cabecalho de um site.

Mas a imagem não ocupa a largura total do browser.

Pretendia que essa imagem ocupasse a largura total do browser.

Qual a melhor forma de fazer isso?

Estou a utilizar um div, mas não há forma de entender o funcionamento dessa tag, nem a forma de como a posicionar na página de forma a que obtenha o resultado que pretendo.

Qualquer opinião é bem vinda, obrigado a todos.

Share this post


Link to post
Share on other sites
malainhocf

Bim, antes de tudo deves preparar a estrutura da tua pagina em que defines quais as divisões do site e qual a largunta do teu site

Deves optar por exemplo pela seguinte estrutura:

pagina

    cabecalho

    menu

    conteúdo

        Col01

        Col02

        Col03

    rodape

No CSS defines as larguras, as margens, os paddings, as cores, os fundos, tudo que seja relativo a forma do teu site.

Na na div cabecalho metes a tua imagem

A tua imagem deve ser tratada num editor de imagens para ficar com a largura do teu site, isto é, pagina menos as margens.

Lembra-te sempre disto

XHTML para o conteúdo

CSS para a forma

JavaScript é para o comportamente

Pensa sempre assim

O teu código css deves coloca-lo num arquivo externo.

Se tiveres mais duvidas, diz

Share this post


Link to post
Share on other sites
taviroquai

A janela do browser pode aumentar/diminuir... não te esqueças que para manter a qualidade da imagem a imagem não deve aumentar/diminuir para acompanhar a janela...

O que se costuma fazer é criares uma imagem bem grande, pelo menos que com largura suficente para grandes dimensões da janela (ex. 2000px de largura) e assim, mesmo que a janela aumente/diminua, a tua imagem mantêm a qualidade e acompanha mesmo a janela/resolução enorme... é uma solução embora nem sempre viável...

Share this post


Link to post
Share on other sites
malainhocf

Penso que o ideal é escolheres uma resolução para o teu site. Ex: 1024*768

Ai a div pagina é colocado com margin: 0 auto;

Apartir dai não tens problemas

Sabes que vais trabalhar com aquelas medidas certas e já geras a imagem para ocupar a largura certa. Em vez de teres uma largura incerta.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.