Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RobertoTauille.com

Menu a.link texto e a.hover imagem.

Recommended Posts

Bom estou com uma grande duvida, tentei fazer e cheguei a uma conclusão, NÃO CONSIGO!!! http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Mas espero que me ajudem a conseguir, minha duvida é a seguinte:

 

Quero fazer um menu horizontal com um background e texto (Link);

Mas qndo passar o mouse em cima, apareça uma imagem que é uma seta.

 

Vou colocar as imagens aqui para que entendam.

 

Imagem Postada

 

A parte pink é um background, ai gostaria de colocar no hover essa imagem.

 

Imagem Postada

 

tem que aparecer em botton...

 

Como eu poderia fazer ?? :blink:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Mostre-nos parte do seu código ou coloque seu site online para a gente poder ver o problema.

Você terá que utilizar display: block. Mas precisavamos do código para o ajudar, apesar de existirem vários exemplos na internet acerca disso.

 

Cumps \o/

Compartilhar este post


Link para o post
Compartilhar em outros sites

provavelmente você está a usar UL e LI

#menu li{
width:120px;
height:25px;
background:#fff url(menu.jpg);
}
#menu li a {
display:block;
height:25px;
}
#menu li a:hover {
background:transparent url(seta-menu.gif) bottom 

center no-repeat;
}

<ul id="menu"><li><a href="url">link</a></li></ul>

claro que tem outras maneiras de se fazer isso

;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>

	<style>
		
		#c-menu {
			width:780px;
			height:30px;
			text-align:left;
			background-image: url(images/bg-menu.jpg);
		}

	</style>
	
</head>

<body>
	<div id="c-menu">  Home  Contato  </div>
</body>


</html>

Esse é meu menu, adoraria que a imagem imagem:

 

Imagem Postada

 

Apareça no centro da palavra.

 

Eu compilei o code que o silver passou, mas não consigo fazer aqui desse jeito.

 

:unsure:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caraaaaa!!... descobriiiii!.. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Tableless, Css, webstandards e coisa de louco!!!!!!!!!!!!!!!!!!!!!

 

 

hAUhua.. consegui fazer o menu!!.. amanha cedooooo eu colocoo no ar pra vcs verem!!!!...

 

mas ta dificil viu!..

 

:D~~

 

 

 

Espaço destinado a propaganda!

 

http://forum.imasters.com.br/index.php?showtopic=266132

 

da uma olhada la, C++ !

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.