Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ae galera to forum to com um probleminha em css..
é o sequinte...numa pagina do meu site tenhu uma opçao de links interessantes...
nessa pagina eu coloquei as imagens dos sites..e quando ele passa o mouse por cima do imagem aparece um tooltip do lado direito..
soh q estou com problema..pois tem horas que quando passo o mouse o tooltip fica na posiçao desejada..mais tem horas que ele fica desconfigurado..
e eu soh coloquei uma imagem até agora..pois quero que fique uma imagem embaixo da outra..e naum estou consequindo isso..
css:
<style type="text/css">
p.Tolt{
position:relative;
}
.Tolt a {
font: 12px Arial, Verdana,Helvetica,sans-serif;
color: #000000;
text-decoration: none;
float:left; //para a imagem ficar posicionada na esquerda
clear:both; //inseri esse clear para que nao podesse ter outra imagem do lado da outra,e sim embaixo
padding: 15px 5px;
margin-right:-1px;
}
.Tolt a:hover {
color: #666666;
background: #FCFCFC;
}
.Tolt a span {
display:none;
}
.Tolt a:hover span {
display: block;
position: absolute;
left:100px;
width:445px;
padding:2px 0;
color: #057acd;
background:#fffff0;
font-size: 14px;
text-align:left;
margin-top:-10px;
margin-left:-345px;
border:2px solid #057acd;
}
</style>
php:
<div class="propagandas" style="border:thin gray solid ">
<p class="Tolt">
<a href="#"><img src="images\logo.gif"/><span>Livros,CDs,DVDs,Eletrônicos,Informática,Câmeras Digitais,Celulares e muito mais.<br/>SemNome sua loja virtual mais perto de voce.</span></a>
</p>
</div>
grato desde ja
Carregando comentários...