O que fazer quando o alinhamento das imagens nos textos não funciona.

Quem acompanha o blog sabe que eu não uso muito imagens nos meus textos mas provavelmente não sabe a razão de isso acontecer. Se repararem por exemplo no texto “como ganhar dinheiro com o paypal” vão ver que a imagem não está devidamente inserida no texto. Em vez de estar lado a lado com o texto o texto pura e simplesmente fica abaixo da imagem. Como eu acho que não fica lá muito bem usava poucas vezes as imagens. Usava mais em casos que a imagem ocupava toda a largura do texto disfarçando a coisa.

Isto acontecia porque os botões de alinhamento da imagem não funcionavam por mais que eu os seleccionasse. Qualquer que fosse a opção que escolhesse a imagem ficava sempre da mesma forma e nunca

alinhar-a-imagem

Como estou a optimizar várias coisas aqui no blog e até acho que as imagens dão muito melhor aspecto a um blog decidi procurar o porque de este erro acontecer. Depois de uma pesquisa no google fui ter ao blog do Daniel Scocco o Daily Blog Tips em que ele se deparava com o mesmo problema e dava a solução. Pelos vistos o problema é do tema porque falava um bocado de código no ficheiro de estilos (o ficheiro .css). Para quem tem o mesmo problema aqui fica a solução:

Basta introduzir o seguinte código no ficheiro de estilos do blog:

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

E pronto está a funcionar. Assim as imagens ficam mais inseridas no texto o que dá um aspecto muito melhor. A partir de agora vou usar mais imagens nos textos.

E vocês usam imagens?

4 comentários a “O que fazer quando o alinhamento das imagens nos textos não funciona.”

  1. Isso também me acontece, as imagens teimam em não ficar onde queremos, vou experimentar a fazer isso.

    PS: Isso onde tens o código na minha opinião, está estéticamente bem, fica bonito, mas ao tentar copiar dá a sensação qe não se consegue copirar o texto ou qe não estamos a seleccionar. Tive um bocadinho a insistir até pensei que se tratase de uma imagem ou assim. Penso qe devia tipo alterar, a forma como seleccionamos, não vão outras pessoas pensar qe não dá para copiar. 😉

    Abraço

    O post do Andre mais recente –> Como se filma pornografia?

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *