Ir para conteúdo

POWERED BY:

Arquivado

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

j7r9

Div para fora de outra div - Novato

Recommended Posts

Amigos,

 

Sou um iniciante em programação. O pouco que sei aprendi no Google.

 

Estou fazendo um site no Wordpress. Comprei um tema e estou trabalhando em cima.

 

Há um div geral no tema , aonde eu altero margin e ela altera todo o site (menu, logo, corpo ...). Então não posso alterar ela.

 

Dentro desta div, ha um texto.

 

Eu gostaria de diminuir a margin do texto na div b, de modo a fazê-lo ultrapassar a div pai.

 

Já usei !important mas não está funcionando.

 

Como devo fazer?

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com certeza ela deve estar ultrapassando apenas não se ajustando ao centro.

 

O único jeito de fazer isso seria usar um position-relative ou algo parecido para ajudar a posição para o centro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você quer fazer a filha ultrapassar o pai, se pode tentar usar position: absolute no pai, ou usar um magin negativo (isso eu nunca tentei é chute)...

Mas isso pode te causar grandes problemas no futuro, talvez a solução seja você criar outra div container que envolva todo site por dentro dessa que vc não pode mexer e usar as informações que deseja nela....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então amigos,

 

Agradeço a gentileza nas respostas.

 

Eu já havia tentando as position absolute e relative.

 

O problema é que não pega estas posições, e nem nada. Nada pega efeito na div, nem mesmo usando o !important.

 

Algo a mais?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você deve usar a hierarquia correta dos elementos CSS, ou experimente usar.

 

Por exemplo, se você da um id para um elemento e chama ele no CSS, sem hierarquia, você corre o risco de mecher em todos os elementos abaixo dele.

 

Se você tem uma div geral e quer alterar somente os valores dela, nas outras divs você deve usar a hierarquia:

 

#geral { exemplos:aqui você muda o geral;}

#geral .divb { exemplos:aqui você muda a div interna;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uma observação sobre terminologia CSS.

Não existem elementos CSS e muito menos hierarquia CSS .
O correto neste caso é: seletores CSS e especificidade do seletor CSS.

Diz-se que #geral .divb tem especificidade maior que #geral.

 

Ler artigo sobre especificidade CSS

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.