a:hover naum consigo fazer funcionarpassar o mouse em cima de uma foto

[MiSaig 0]

Estou toda enrolada com as positions... fui fazer um "mapa de imagem com pop up"q eu li na coluna do Maurício Samy, (http://www.imasters.com.br/artigo/4042/css/mapa_de_imagem_com_pop-up ) só q somente com fotos pequenas e quando o usuário passasse o mouse, apareceria a mesma foto grande ao lado... ainda naum consegui fazer funcionar...

 

E tb q ele diz para olhar o código para ver como se fazer o posicionamento, mas se eu ponho as fotos com position absolute, fica tudo bagunçado usando outra resolução... Bom, as fotos estão dentro da div #fotos, q está dentro da div #conteudo do layout do tutorial da coluna do Leandro Vieira http://www.imasters.com.br/artigo/4847/dre..._o_dreamweaver/ q é bem prática e naum usa position para montar o layout q funciona bem em outra resolucões....

 

Não sei se me fiz entender... sei q eu aprendi q para a position absolute naum bagunçar tem q estar dentro de uma position relative, mas naum dá certo ! Qd eu ponho a div #fotos em relative sai tudo do lugar!!

 

Aqui estão algumas partes do código, para você ter uma idéia:

 

a .foto1 {

display: block;

}

a:hover .fotogr1 {

display: block;

}

a .fotogr1, a .fotogr2, a .fotogr3, a .fotogr4 {

display: none;

position: absolute;

top: 560px;

left: 375px;

}

.foto1 {

left: 220px;

top: 415px;

position: absolute;

}

 

<div id="fotos">

<div id="foto1">

<a href="#no">

<span class="foto1"><img src="../imagens/casa/corredor27pq.jpg" width="77" height="103" /></span>

<span class="fotogr1"><img src="../imagens/casa/corredor27.jpg" /></span>

</a></p>

</div>

 

Socorro!!

[Giovani 104]

Leia esses artigos sobre posicionamento aqui do fórum!

 

[]´s