Problema em alinhar imagem

[amvm]

Boa tarde,

Pretendo obter algo da imagem que apresento, no entanto, na imagem a borda que deveria ficar por baixo da mesma fica por cima e o texto que deveria ficar abaixo da imagem, fica ao lado.

http://s17.postimage.org/rzril9ezj/imagem.png

codigo CSS

#textoLabel{
padding: 0 0;
font: bold 12px Century Gothic;
color:black;

text-decoration: underline;

}
#textoXML{
padding: 0 0;
font:  12px Century Gothic;
color:black;
margin-left:5%;
border-bottom: 1px dotted red;

}
#divPoupop{
padding:0 0;
margin:10% 10%;


}
#imagem{
padding: 0 0;
margin-right:25%;
margin-top:3%;

}

Código HTML

<div id="divPoupop">
<div id="textoLabel">Texto</div>
<div id="textoXml"> texto1</div>
<div id="textoLabel">Imagem</div>
<div id="imagem"><img src="http://cogitoetscribo.files.wordpress.com/2010/04/sapo.png?w=500%22></img></div>
<div id="textoLabel">Texto2</div>
<div id="textoXml"> texto2</div>
</div>

[HappyHippyHippo]

tens mais css que não apresentaste a estragar a apresentação (isto não é uma pergunta).

verifica correctamente se não tens nenhum estivo dado aos div's

[amvm]

descobri o erro. muito obrigada.

entretanto surgiu-me outro problema: eu tenho um determinado link, e dentro desse link uma div que vai fazer abrir uma espécie da janela poupop. O problema é que a janela fica "animada" com o link na qual está inserida. Não dá para retirar a acção desse link na div da poupop?

<a href="blabla">
Clicar aqui!
<div id="poupop">
Janela poupop
</div>
</a>

[HappyHippyHippo]

dá para meter o div noutro lugar ?

[amvm]

nao.. tem que ser mesmo aí... é através do click desse link que a poupop abre e faz aquilo que preciso... problema é que se clicar no poupop volta fzr o memso na poupop (algo que nao me dá jeito nennhum).

[HappyHippyHippo]

podes apresentar o código que faz abrir o popup ?

[amvm]

#popup{
   position: fixed;
   top: 40%;
   left: 50%;
   margin: -75px 0 0 -150px;
   width: 300px;
   height: 300px;
   padding: 0 0;
   border: 1px  solid black;
   background: whitesmoke;
 overflow-x: hidden;
   overflow-y: scroll;
   display: none;

}

javascript

function abrir(m){
   Pedido(m,5); //esta funçao faz um pedido a um servidor que retorna um xml e a partir daí construo a tabela que tenho dentro da poupp
   document.getElementById('popup').style.display = 'block'; //mostro a poupo
}

[HappyHippyHippo]

como disse : tira o div para fora do anchor e vais ver que funciona

[amvm]

não vai dar... a div da poupop está none, ou seja tudo o que estiver dentro dela,neste caso o link, nao vai aparecer.

[HappyHippyHippo]

já testaste o que te disse ou estás a dizer de cabeça ?

[amvm]

nao nao, tentei mesmo 😛 a tabela aparece vazia 😛

[HappyHippyHippo]

que tabela ?? o teu post é como ter o popup sem o link, e agora referes uma tabela ??

se o problema é esse popup estar vazio, o problema é outro e não o que referes no teu primeiro post.

conclusão, o método de mover o div soluciona o problema, ponto.

[amvm]

calma...

esquece a tabela, esqueci que não me tinha referido a ela, mas ela em nada interfere no problema. Desculpa mas nao tinha percebido bem aquilo que estavas a tentar dizer, entendi agora e sim tinhas razao: problema resolvido. o que eu tinha feito (e claro que nao mostrava) era ter metido o link dentro da div poupop.

muito obrigada. 🙂