• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

pedrodri

Problemas com Position

5 mensagens neste tópico

Boas pessoal é o seguinte: eu quero colocar objectos na página com espaçamento igual entre eles, left:20px;top:20px; O problema é que, por exemplo neste bloco de código:

<div id="icon0" title="icone" style="position:absolute;left:20px;top:20px;" onmousedown="dragStart(event, 'icon0')" ondblclick="focusOff(); go('http://site.com/');">

<ul>

<li><img src="images/icons/img.png" alt="" /></li>

<li class="label">Img1 </li>

</ul>

</div>

Neste código ele vai sobrepor as imagens umas em cima das outras e não quero isso. Tentei fazer assim mas não funciona:

style="position:relative;left:<?20+$aux."px"?>;top:<?20+$aux."px"?>;"

Alguém sabe como posso resolver o problema?

Muito obrigado desde já!!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Desde já muito obrigado pela resposta! Mas não serviu. Dessa forma as imagens ficam colocadas desde a parte superior direita da janela e por aí a baixo...  :wallbash:

Mais alguem pode dar uma ajuda?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

olha, é com o float left

não sei para que tens que usar uma lista, mas deves ter que por o padding e a margin desses elementos a 0

no entanto se nao precisares de listas este codigo serve e ja ficas  com as imagens afastadas 20px

<div >

    <img style="float:left; display:block; margin-right:20px;" src="">

    <img style="float:left; display:block; margin-right:20px;" src="">

    <img style="float:left; display:block; margin-right:20px;" src="">

    <img style="float:left; display:block; margin-right:20px;" src="">

    <img style="float:left; display:block; margin-right:20px;" src="">

</div>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

é só veres quais os objectos que vais ter de espaçar os 20px e definir uma class de css para esses objectos em que a margem direita é de 20px...

ou então enfias com cada objecto (ou bloco de objectos, no caso da imagem e do respectio label) dentro de uma div com a classe xpto em que essa classe tem a margem direita de 20px...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora