4 replies to this topic

[Mateeeus]

como este : www.p3dr0.com
tipo colcoa o mouse em cima do menu, ai da uma corzinha.

[Sharths]

vc pode utilizar comando hover no css

a:hover{
background-color:"COR";
}

exemplo:

a:hover{
background-color:green;
}

então todos links quando eu passar o mouse em cima mudam o fundo para verde

[Mateeeus]

Hmm.. Valeu !
Mas tipo o menu, tipo o fundo fica verde mas do tamanho certo, tipo mas o link é pequeno, mas pega a altura toda do menu,

[Sharths]

Bom, pelo que entendii o seu link ta na tabela ou linha da tabela, exemplo
<a href="#"><td> teste </td></a>
se quer que o fundo seja do link somente intao tenque usar <td><a href="#">Teste </a> </td>


caso entendi errado mande uma foto, ou explique novamente

[Victor Hugo Odo]

CSS

#header{	width:778px; position:relative;	margin:0 auto;	height:240px;	background-image:url(images/header_bg_1.jpg); background-repeat:no-repeat;	background-position:bottom;	}#header ul{	position:absolute;	left:97px; top:0px;		list-style:none;	}	#header ul li{	float:left;	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px;	color:#375D0B; background:url(images/header_nav_bg.gif) repeat-x 0 0 #CCCCCC; 	text-align:center;	}	#header ul li a{	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; 	color:#375D0B; background:url(images/header_nav_bg.gif) repeat-x 0 0 #CCCCCC; 	width:65px; height:23px; padding-top:34px;	text-decoration:none; display:block;	}#header ul li.home{	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; 	color:#375D0B; background:url(images/nav_bg.jpg) repeat-x 0 0 #CCCCCC; 	width:65px; height:23px; padding-top:34px;	text-decoration:none; display:block;	text-align:center; float:left;	}	#header ul li a:hover{	background:url(images/nav_bg.jpg) repeat-x 0 0 #E1ECB5;	color:#375D0B;	height:23px; width:65px;	}	.logo{	position:absolute; 	top:101px; left:16px;	}	#header h2{	background:url(images/punch_line.jpg) no-repeat;	width:219px; height:18px;	position:absolute;	top:159px; left:16px;	text-indent:-2000px;	}

HTML

<div id="header">  <a href="index.html"><img src="images/logo.jpg" alt="" class="logo" width="229" border="0" height="57"></a>  <h2>consectetuer adipiscing elit</h2>			<ul>				<li class="home">Principal</li>				<li><a href="#">Informaçôes</a></li>				<li><a href="#">Downloads</a></li>				<li><a href="#">Cadastro</a></li>				<li><a href="#">Equipe</a></li>				<li><a href="#">Regras</a></li>				<li><a href="#">Doações</a></li>				<li><a href="#">Ranking</a></li>				<li><a href="#">Contato</a></li>			</ul></div>

Veja as classes header ul li a:hover e header ul li a lá há todas as características do link, altere valores e faça testes.

Bons ventos!