Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 6
Sexo: Masculino

Imagem sai do lugar devido

27-07-2016 11:22

tenho um site em que determinadas imagens saem do lugar especificado, mais precisamente quando clico em restaurar tamanho de tela no browser, ao maximizar volta ao lugar correto.

como resolver esse detalhe?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Imagem sai do lugar devido

27-07-2016 13:12

Provavelmente é relativo ao layout que você tem. Por exemplo, quando você define os elementos com tamanhos específicos, tipo 1000px de largura, etc. Quando a janela do navegador é modificada de tamanho a imagem acaba perdendo a posição.

O ideal é usar um layout responsivo. Esse tipo de layout se ajusta ao tamanho da tela do navegador do computador, celular e tablet.

Você pode conseguir alguns layouts responsivos na net grátis. Bastando apensa inserir o seu conteúdo neles.

Segue alguns links onde você pode encontrar layouts responsivos grátis

https://w3layouts.com/free-responsive-h ... templates/
https://dcrazed.com/free-responsive-htm ... templates/
1
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 6
Sexo: Masculino

Re: Imagem sai do lugar devido

25-08-2016 23:44

Ok entendo esse meio de solução. Porém não há outra forma de corrigir esse erro no layout ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Imagem sai do lugar devido

26-08-2016 10:04

Isso depende. Não sei se você posicionou a imagem como fixa em um ponto. Ou se ela é maior que o espaço do layout.
Se der para postar o link dou uma olhada.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 6
Sexo: Masculino

Re: Imagem sai do lugar devido

26-08-2016 14:31

na página de index.html consta o seguinte código:

<section id="corpo"> <article id="principal"> <header id="cabecalho-artigo"> <hgroup> <h1> Consulta de Horários </h1> <h3 class="direita"> Atualizado em 26/08/2016 </h3> <img id="fotodireita" src="_imagens/quadro-horarios.png"/> <img id="endereco" src="_imagens/endereco-fone.jpg"/> </hgroup> </header>

Na formatação de estilo.css o seguinte:

hgroup#cabecalho-artigo img#fotodireita{ position: absolute; right: 570px; } hgroup#cabecalho-artigo img#endereco{ position: absolute; right: 200px; top: 110px; }

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Imagem sai do lugar devido

26-08-2016 16:32

Foi o que imaginei, a posição absolute.

A solução para isso seria criar blocos "divs" definidos com largura e altura. Posicionar a imagem dentro do bloco.
Nesse caso a imagem vai ficar estática dentro do bloco. Ou usar layouts responsivo.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado