Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

douglasdeodato

como melhorar esse codigo

Recommended Posts

galera tenho esse codigo:

 

<div class="contentboxinside">

<span class="contentboxinside">

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/sidebar/do-you-want.png">

</span>

</div>

 

 

com esse css:

#newdesign .contentboxinside { margin: 20px;}

 

a imagem so pega a margem se eu colocar dentro de um span, muito estranho queria melhorar esse codigo sem usar o span. se eu tirar o span ele nao pega uma margem legal, fica so alinhado a esquerda, se colocar o span ele dar margim em cima baixo .

 

alguma dica?

Compartilhar este post


Link para o post
Compartilhar em outros sites

galera tenho esse codigo:

 

<div class="contentboxinside">

<span class="contentboxinside">

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/sidebar/do-you-want.png">

</span>

</div>

 

 

com esse css:

#newdesign .contentboxinside { margin: 20px;}

 

a imagem so pega a margem se eu colocar dentro de um span, muito estranho queria melhorar esse codigo sem usar o span. se eu tirar o span ele nao pega uma margem legal, fica so alinhado a esquerda, se colocar o span ele dar margim em cima baixo .

 

alguma dica?

 

com o span ele fica bem alinha e legal

colocando o span no html:

http://awesomescreenshot.com/000ktrw15

 

sem o span ele nao fica alinha e legal

retirando o span do html

http://awesomescreenshot.com/0e9kts96b

 

Já tentou colocar .contentboxinside { margin: 40px;} sem o spam?

 

40px quebra tudo isso 'e uma sidebar na direita

Compartilhar este post


Link para o post
Compartilhar em outros sites

Basta você criar uma classe para a imagem ou até mesmo uma div, ou seja:

 

#contentboxinside img{margin: 20px;}

 

obs.: todas as imagens q tiver dentro da div contentboxinside receberão essas margens, caso for usar mais de uma imagem dentro da div, o ideal é criar classes mesmo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.