1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Div after - adicionar conteudo

Discussão em 'Web Development' iniciada por andrepcg, 4 de Junho de 2012. (Respostas: 1; Visualizações: 507)

  1. andrepcg

    andrepcg Power Member

    [​IMG]

    estou a desenvolver um pequeno website q segue este formato e por baixo de cada div class="A" (zona a vermelho) quero adicionar um pequeno separador em forma de imagem centrada horizontalmente ao meio da div. Tenho conhecimento do operador CSS :after portanto estou a tentar fazer algo do genero:

    Código:
    .A:after {
        content: "";
        display: block;
        background: url(separador.png) center center no-repeat;
        height: 29px;
    }
    O problema é que a imagem separadora não aparece depois DE CADA div A, aparece depois do CONTEUDO presente nessas mesmas divs que neste caso é um paragraph <p>, ficando o separador por cima da div. Como faço para o separador aparecer depois de cada uma dessas divs, independentemente do tamanho da div class="A" (pois a height pode variar) e independente do conteudo dentro da div?

    obrigado ;)
     
    Última edição: 4 de Junho de 2012
  2. esaramago123

    esaramago123 Power Member

    Acrescenta:
    .a {position: relative}
    .a:after {position: absolute; bottom: 0;}
     

Partilhar esta Página