/    Sign up×
Community /Pin to ProfileBookmark

highlighted Tab

Copy linkTweet thisAlerts:
Mar 08.2007

If you go here

[url]http://exploding-boy.com/images/cssmenus/menus.html[/url]

Look at Tab Menu B

I am trying to make any of those tabs highlighted without hovering over them.

So if i want link two highlighted it will be but the other will remain the same.

What css do i need to include to make this happen.

Thanks…

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@Jeff_MottMar 08.2007 — First you would need to add some extra identifying information to the HTML.

<li [color=red][u]id="tabsB-Link1"[/u][/color]><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li [color=red][u]id="tabsB-Link2"[/u][/color]><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li [color=red][u]id="tabsB-Link3"[/u][/color]><a href="#" title="Link 3"><span>Link 3</span></a></li>
etc.

Then in the CSS:

[color=red][u][/u][/color]
#tabsB a:hover[color=red][u], #tabsB-Link2 a[/u][/color] {
background-position:0% -42px;
}
#tabsB a:hover span[color=red][u], #tabsB-Link2 a span[/u][/color] {
background-position:100% -42px;
}
×

Success!

Help @realtime158 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.8,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...