resolvido Imagens inline com top

[champS]

Olá, bom, eu preciso fazer basicamente isto:

 

 

em laranja são as imagens..

eu tenho 9 imagens e preciso deixar elas inline, porém, quero poder posicionar elas com o TOP

eu tentei de várias maneiras, mas em nenhuma consigo posicionar o top utilizando %, somente utilizando px..

 

o código está assim:

		<div class="exp">

		<img src='z' class="ab s" onclick="location.href = '#asease'"/>

		<img src='x' class="ab s" onclick="location.href = '#asease'" />

		<img src='a' class="ab s"  onclick="location.href = '#asease'" />

		<img src='y' class="ab s" onclick="location.href = '#asase'" />

		<img src='a' class="ab s" onclick="location.href = '#asease'" />

		<img src='z' class="ab s" onclick="location.href = '#asease'" />

		<img src='b' class="ab s" onclick="location.href = '#ase'" />

		<img src='c' class="ab s" onclick="location.href = '#asease'" />

		<img src='a' class="ab s" onclick="location.href = '#ease'" />

		</div>

as classes do CSS estão assim:

		.exp {

			position:relative;

			top:-685px;

		}

		.s {

			width:10%;

		}

A outra class ("ab") é apenas para deixar cinza as imagens..

 

bom, o resultado é que: eu consigo posicionar com o top apenas usando "px", porém não fica responsivo..

gostaria de posicionar com %, alguém sabe como arrumar?

[araujoh]

Tente colocar um

position: absolute

Na div que está atrás das imagens.

 

Mais ou menos assim:

<div class="conteudo">

    <div class="item">

        <img src="#">

    </div>



    <div class="item">

        <img src="#">

    </div>

</div>

CSS:

.conteudo {

    width: 100%;

    height: 100%;

    position: absolute;

}



.item {

    position: relative;

    top: 15%;

}

[champS]

 

Tente colocar um

position: absolute

Na div que está atrás das imagens.

 

Mais ou menos assim:

<div class="conteudo">
    <div class="item">
        <img src="#">
    </div>

    <div class="item">
        <img src="#">
    </div>
</div>

CSS:

.conteudo {
    width: 100%;
    height: 100%;
    position: absolute;
}

.item {
    position: relative;
    top: 15%;
}

já resolvi sozinho, mas obrigado.

[lucakiksd07]

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board