Jump to content

onMouseOver/Out


Krewe
 Share

Recommended Posts

Hey guys,How do i create a mouse over event?This is what I put in my .css:

.nav li a{display:block;	height:0px;	line-height:0px;	padding:14px;	background-image:url('mainpage/navbar.png');	background-repeat:repeat-x;	text-decoration:none;	color:#FFFFFF;	font-family:"Lucida Sans Typewriter";	onMouseOver:url('mainpage/navbar2.png');	onmouseout:url('mainpage/navbar.png');}

thanks guys!You are always a lot of help.~krewe

Link to comment
Share on other sites

onmouseover/onmouseout are javascript events you just need to use :hover

.nav li a{display:block;	height:0px;	line-height:0px;	padding:14px;	background-image:url('mainpage/navbar.png');	background-repeat:repeat-x;	text-decoration:none;	color:#FFFFFF;	font-family:"Lucida Sans Typewriter";}.nav li a:hover {background-image:url('mainpage/navbar2.png');}

Edited by dsonesuk
Link to comment
Share on other sites

ooh, thanks!I tried to be self powered on answering this. So I googled and it gave me that as Html/CSS :xThanks for all your help Dsone I really appreciate it.------Edit:It worked :) thanks again.~krewe

Edited by Krewe
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...