Problema na margem de post com foto
-
Bom, eu dei uma olhada nos outros tópicos por aqui e vi assuntos bem parecidos, mas nenhum que solucionasse meu problema. Pelo menos, ao que entendo de wordpress (o que é quase nada), rs. Então peço desculpas se deixei algo passar.
Eu gostaria de saber como posso alterar a largura da margem de baixo de uma imagem. Por exemplo:
http://oi68.tinypic.com/c2p75.jpg
E na verdade, esse é um anúncio do Google, porém, com imagem fica praticamente a mesma coisa, com uma pequena diferença.
Em alguns tópicos daqui eu via apenas de lado esquerdo e direito, mas não de baixo.
Alguém pode me ajudar?
-
@tsouzsa não sei ao certo qual a imagem que você está se referindo!
Você quer saber como aumentar o espaço da margem inferior após uma imagem?!
Preparei um código, dá uma olhada aqui http://scratchpad.io/lamentable-cart-7633
E/ou olhe a captura de tela: Captura de tela do códigoEspero que ajude!
Veja se te ajuda:
<!DOCTYPE html> <html> <head> <style> p.ex1 { margin-bottom: 1cm; } p.ex2 { margin-bottom: 2cm; } </style> </head> <body> <p>Um parágrafo sem margem específica.</p> <p class="ex1">Um parágrafo com 1cm de "bottom margin".</p> <p>Um parágrafo sem margem específica.</p> Ou seja: Pra adicionar margem, use: "margin-bottom" em seu código CSS".</p> </br></br></br> <a><img src="http://s6.tinypic.com/20qo1tg_th.jpg"></a> <p>Espaço depois da imagem, sem margem específica!</p> </br> <p class="ex2"><img src="http://s6.tinypic.com/20qo1tg_th.jpg" ></p> Espaço depois da imagem, com 2cm de margem! </br></br> Neste campo: </br> margin-bottom: 2cm; </br></br> Você pode usar 1cm, 10cm, 50px, 100px, etc :) </body> </html>@artenacara, muito obrigado por responder!
Veja esse exemplo aqui: http://i.imgur.com/w5wdmdW.jpg (atualizei)
Eu quero tirar esse espaço de baixo do anúncio.
Sobre sua dica, acho que fiquei um pouco confuso. Eu devo acrescentar esse código que me passou em algum lugar ou você deu só de exemplo? Sou bem leigo ainda, me perdoe.
Pra adiantar, eu percebi que se eu alterar o seguinte código abaixo na ferramenta inspecionar elemento, a posição da margem muda:
element.style {
float: left;
margin: 10px 5px 5px 0;
}Eu altero onde está o 10px. Só que quando eu adiciono no CSS, não funciona. Eu tô usando o plugin Simple CSS. Outros códigos funcionam direitinho.
Então, eu só preciso de um código pra adicionar no CSS.
- O tópico ‘Problema na margem de post com foto’ está fechado para novas respostas.