4 replies to this topic

[tulioate]

bem eu criei um menu simples baseado neste tutorial.
eu tive que criar o menu desta forma (devido aos bugs do IE):

<div id='social'>
<a href='' id='rss'>rss<span/></a>
<a href='' id='facebook'>facebook<span/></a>
<a href='' id='twitter'>twitter<span/></a>
<a href='' id='orkut'>orkut<span/></a>
</div>

é muito simples: quando o mouse fica por cima o background (CSS)que antes era posicionado em left top passa para left bottom e uma legenda (<span/>) é exibida também.
porém a legenda não é exibida e no tutorial diz que eu deveria criar um javascrip para especificar o <span/> para display:block no OnMouseOver.

para ilustra:
Firefox:

IE:


como esse provavelmente será o unico códico java que eu criaria, não vale apena pra mim aprender toda uma linguagem.

alguem pode me ajudar?

[tulioate]

ninguém?!

[Franklin Javier]

Onde está o codigo HTML do <span> onde tem a legenda?

[tulioate]

Onde está o codigo HTML do <span> onde tem a legenda?

é o que está ali mesmo, é um span vazio estilizado no CSS:
HTML:

<div id='social'>
<a href='' id='rss'>rss<span/></a>
...
</div>

CSS:

div#social a#facebook:hover span, div#social a#rss:hover span,div#social a#twitter:hover span, div#social a#orkut:hover span { 
	display: block; 
	width:230px; 
	height:50px;
}

div#social a#rss span {
	top:35px; 
	left:20px; 
	background:url(http://lh3.ggpht.com/_vktT41kXsGc/TIADdWdJjDI/AAAAAAAAADg/Z-xmTDgqROo/rss_span.gif)no-repeat;
}
...

[tulioate]

ninguém sabe?