I made a navigation tab (here is the url if you would like to see it http://i.imgur.com/FnjEoYH.png) and I am now trying to make each tab "highlight" (one example is the home tab http://i.imgur.com/VoU48Fk.png) whenever a mouse is hovered over it and go back to normal when mouse is not longer hovering. I know about onmouse and hover but I just can't seem to think of anything. Does anyone have any ideas? There are 5 different tabs that need to be highlighted. Any help is greatly appreciated.
Bensirpent07
0
Junior Poster
Recommended Answers
Jump to PostUse CSS, no need for js.
:hover
Jump to PostHave you removed the image? Can't see it anymore. From what I remember, you had a red background and rounded white borders (bottom only) with white text.
That's pretty basic CSS.
Make the li elements
display:inline-block;
And provide padding and margins to align them to each …
All 8 Replies
diafol
Bensirpent07
0
Junior Poster
Alberto Bucur
0
Junior Poster
Bensirpent07
0
Junior Poster
diafol
Bensirpent07
0
Junior Poster
diafol
Bensirpent07
0
Junior Poster
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.