Problemas nas imagens

Minha questão:

Boas pessoal uma duvida no meu forum eu quando posto um imagem ela fica muito enorme , outras ja nao

Ah como resolver o problema

Obrigado

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá,

Tem uma screenshot do problema? Ou até melhor, o local onde existe esse bug.

O interessante, é o senhor adicionar essa propriedade no seu fórum

Código:

img{max-width:100%}

Ela vai limitar o tamanho máximo das imagens para o elemento "pai" dele, ou seja, se sua imagem tem 1000px, e você coloca ela dentro de um div com 200px, a imagem vai adotar o width de 200px.

Mas as vezes, isso causa alguns efeitos que alguns usuários não gostam, se for o caso, é necessário filtrar as imagens especificas que deseja.. Faça o teste, e nos retorne.

waghcwb escreveu:Olá,

Tem uma screenshot do problema? Ou até melhor, o local onde existe esse bug.

O interessante, é o senhor adicionar essa propriedade no seu fórum

Código:

img{max-width:100%}

Ela vai limitar o tamanho máximo das imagens para o elemento "pai" dele, ou seja, se sua imagem tem 1000px, e você coloca ela dentro de um div com 200px, a imagem vai adotar o width de 200px.

Mas as vezes, isso causa alguns efeitos que alguns usuários não gostam, se for o caso, é necessário filtrar as imagens especificas que deseja.. Faça o teste, e nos retorne.

tenho que adicionar ao css o code ?

A imagem e essa ela fica da lagura do forum e enorme e nao é bom

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

ja nao é a primeira que me fica assim

Sim, é em seu CSS. Adicionou já? Ainda continua grande?

Se sim, me envie o tópico onde tem essa imagem que eu vejo alguma outra solução...

eu fiz um topico de teste

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

nao daria para colocar a imagem pequena e ter tipo uma legenda a dizer expandir imagem / ver tamanho real ?

Olha, estou meio sem tempo aqui para te arrumar esse efeito. Talvez o Daemon tenha para passar para o senhor, ok?

A respeito da sua imagem, você não adicionou a propriedade que eu falei, veja o mesmo tópico com ela adicionada:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

E aqui a mesma imagem com outra propriedade, que limita a altura da imagem, veja:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

A que controla a largura chama-se max-width (largura máxima), você pode encontrar informações a respeito da mesma aqui neste link:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

A que controla a altura chama-se max-height (altura máxima), segue o link que especifica seu uso:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Basta ler e entender como funciona.

Você pode adicionar elas em seu fórum assim:

Código:

div.post-entry img{
   /* propriedades aqui */
}

Ou mesmo como falei acima em todas as imagens:

Código:

img{
   /* propriedades aqui */
}

Basta estipular o que o senhor prefere.

Até mais.

Obrigado mas gostaria de ter mesmo a opçao que falai acima , é que eu assim nao percebo nada   

Olá,
Adicione à sua Folha de Estilo CSS:

Código:

.entry-content img{
  max-width: 300px;
  transition: all ease-out .2s;
}
.entry-content img:hover{
  cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
  max-width: 100%;
}

Este código deixa a imagem pequena, mas ao passar o mouse nele, a mesma aumenta um pouco.

Até Mais....

[sucesso=Tópico Resolvido; e Bloqueado]
Três dias sem resposta do criador do tópico.[/sucesso]
Movido para: Arquivo - Pedido de código