Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
e ai familia
seguinte,tenho 3 botoes,quero quando passar o mouse sobre um deles,aparecer em baixo uma frase que é a descrição do botão!!
explicando melhor
PASSEI O MOUSE SOBRE O BOTÃO 1
abaixo aparece
VIDEO APRESENTAÇÃO X e assim por diante
tentei fazer com a:hover mais ele não fika fixo!!
#video_escolha_1{ width:40px;
height:40px;
background: inherit; background:url(../png/BOTAO_PLAY.png) no-repeat;
margin-top:3px;
margin-left:35px;
_margin-left:18px;/ IE6 /
float:left;}
#video_escolha_1 ul li{ display:inline;}
#video_escolha_1 ul li a{ display:block;
width:40px;
height:40px;}
#video_escolha_1 ul li a:hover{backgound:#FOO;
margin-top:50px;}
conserteza deve haver uma forma sem ser por javascript! http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif
desde já agradeço
faça assim.....
você tem 3 submits certo?!'
então faça assim.....
<input type="submit" name="enviar" VALUE="ENVIAR 1" title="você SERÁ REDIRECIONADO PARA OUTRA PAGINA DE ENVIAR 1">
<BR />
<input type="submit" name="enviar" VALUE="ENVIAR 2" title="você SERÁ REDIRECIONADO PARA OUTRA PAGINA DE ENVIAR 2">
<BR />
<input type="submit" name="enviar" VALUE="ENVIAR 3" title="você SERÁ REDIRECIONADO PARA OUTRA PAGINA DE ENVIAR 3">
[http://forum.imasters.com.br/public/style_emoticons/](http://forum.imasters.com.br/public/style_emoticons/)default/clap.giffala tiago!!!
fiz assim
<div id="video_escolha_1">
<ul>
<li><a href="#" onmouseover="getElementById('descricao_video_1').style.display='block'" onmouseout="getElementById('descricao_video_1').style.display='none'" /></a></li>
</ul>
</div><!-- fim video_escolha_1 -->
<div id="descricao_video_1" style="display:none;">video historico</div>
dessa forma até funciona ,mas eu estou com 3 botoes com float-left ,quando passo o mouse por cima ele afeta as outras divs!!
o atributo title axo q é o efeito quinem do explorer né?de aparecer uma descrição?
pode me dar um exemplo!!
vlw tiagão!!
macielcr7 não é um formulario man e sim um link mesmo!!
vlw a ajuda http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Certo. Sua lógica está boa. Agora é só ativar o seu lado super nerd e pensar como não "atrapalhar" os outros elementos.
Tip: You'll use position (relative and absolute) with z-index :P
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
dá no mesmo.... veja é só você coloca a função TITLE="SEU TEXTO"
<a href="logar.php" title="Seu texto aqui">Clique para abrir a janela</a>
[http://forum.imasters.com.br/public/style_emoticons/](http://forum.imasters.com.br/public/style_emoticons/)default/clap.gifclaro tiago com o position resolve,mas tive q fazer uma gambiarra!!sendo q para todos os navegadores rodarem 100%!!
css
#video_escolha_1{ width:40px;
height:40px;
background: inherit; background:url(../png/BOTAO_PLAY.png) no-repeat;
margin-top:3px;
margin-left:35px;
_margin-left:18px;/ IE6 /
float:left;}
#video_escolha_1 ul li{ display:inline;}
#video_escolha_1 ul li a{ display:block;
width:40px;
height:40px;}
#descricao_video_1{ display:none;
position:absolute;
z-index:30;
margin-top:50px;
margin-left:70px;
*margin-left:-130px;
}
#video_escolha_2{ width:40px;
height:40px;
background: inherit; background:url(../png/BOTAO_PLAY.png) no-repeat;
margin-top:3px;
margin-left:20px;
float:left;}
#video_escolha_2 ul li{ display:inline;}
#video_escolha_2 ul li a{ display:block;
width:40px;
height:40px;}
#video_escolha_3{ width:40px;
height:40px;
background: inherit; background:url(../png/BOTAO_PLAY.png) no-repeat;
margin-top:3px;
margin-left:20px;
float:left;}
#video_escolha_3 ul li{ display:inline;}
#video_escolha_3 ul li a{ display:block;
width:40px;
height:40px;}
html
<div id="video_escolha_1">
<ul>
<li><a href="#" onmouseover="getElementById('descricao_video_1').style.display='block'" onmouseout="getElementById('descricao_video_1').style.display='none'" /></a></li>
</ul>
</div><!-- fim video_escolha_1 -->
<div id="descricao_video_1">video historico</div>
bem consegui resolver!!Bem... Isso é estranho... Deve ser alguma outra coisa influenciando nisso...
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
<a class="efeitoLegal" href="#" title="oi">Oi <span class="descricao">Oi, saudação utilizada no Brasil;</span></a>
.efeitoLegal { position: relative; }
.efeitoLegal .descricao { position: absolute; top: 20px; display: none; }
.efeitoLegal:hover .descricao { display: inline; }
Você quer isso com algum "efeito"? Já viu o atributo title?
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif