Arquivo de etiquetas: alinhar as imagens nos textos

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?