[Tutorial-Inicante] Como Alinhar Imagem e Texto usando Tabela ou DIV Wordpress
SA3 RONALDO - RDS INFORMATICA
Ola a todos
Essa é minha primeira e pequena contribuição aqui na Comunidade.
Recentemente tivemos um amigo nosso com problemas para alinhar a Imagem junto com o texto em uma tabela de duas colunas.
O problema era que ao fazer a tabela a imagem ficava sobre posta ao texto na segunda coluna.
Os códigos estavam corretos mais ao publicar o POST apresentava esse erro.
A nossa grade amiga a DRIKA como sempre, Achou rapidamente uma solução rápida e pratica.
Ela informou que, em vez de usar tabela, usar DIVs. Com o seguinte código:
<div id="conteudo">
<img src="imagem.jpg" class="alignleft" />
<p>Seu texto vai aqui</p>
</div>
Essa então podemos considerar como a 1º Solução Alinhamento de Imagens e texto com DIVs.
Mais pode haver caso em que é melhor usar Tabelas, e aconteceu com migo, eu poderia usar as DIVs mais resolvi ir em busca de uma solução para esse problema que é muito esquisito, procurei na internet sobre o problema, não tive sucesso, então resolvi ir em busca, começando vendo os códigos de CSS do tema.
Essa é a 2º Solução Alinhamento de Imagens e texto com TABELAs
Busque nos arquivos CSS no seu tema, geralmente estão em: Style.css ou reset.css, ou outros.
Depois procure pelo código:
{ vertical-align: baseline; }
Encontrado, agora basta altera o baseline para bottom, ficará assim:
{ vertical-align:bottom; }
Caso
queira entender mais sobre o funcionamento desse parâmetro.
Segue-se o link: http://maujor.com/tutorial/alinhar-imagens-com-propriedade-vertical-align.php
Bem, é somente isso, fiz o teste em 4 temas seguindo esses passos e todos que apresentava o erro na tabela tinha esse comando na CSS do tema.
Espero que essa pequena dica possa ajudar muita gente, estarei estudando mais sobre o WP e assim poder ajudar cada vez mais assim como sempre fui ajudado aqui.
Inté A próxima!
As.
RONALD SILVA
www.rdsinfor.com.br
sa3-r...@hotmail.com