Make an Active State Active!
Posted: 12 May 2009 10:35 PM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2009-05-12

I am a newbie to CSS. I found some code that I manipulated to work with my images and it almost worked. I just want my navigation to have a hover and an active state. No matter what I try I can’t seem to get the active state to remain ‘on’. The code I originally found use ‘a:selected’ - which worked on one page and one page only. I see no other signs of ‘selected’ anywhere but I have tried many combnations and still can’t get it to work. Any help would be greatly appreciated.

Here’s my a snippet of my CSS and my HTML. For whatever reason the HTML code is not showing everything I pasted. I have a link with ‘class=“active”  after the <li> and before the </li>

CSS
/* NAVIGATION */
ul {
background-image:url(../images/btb-type.gif);
background-repeat: no-repeat;
width: 237px;
height: 472px;
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
left: 830px;
}

li.bio a {
display: block;
width: 237px;
height: 21px;
margin-top: 100px;
background: url(../images/bio_duo.gif);
}

/* HOVER */
li.bio a:hover { background-position: -236px; }

/*ACTIVE */
li.bio a:active { background-position: -236px; }

/* VISITED */
li.bio a:visited { background-position: -236px; }

/* Selected */
li.bio a:selected { background-position: -236px; }


HTML
<ul>
<li class=“bio”></li>
</ul>

THANK YOU

Profile
 
 
Posted: 02 February 2011 06:36 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  3
Joined  2011-02-02
CSS
/* NAVIGATION */
ul {
background
-image:url(../images/btb-type.gif);
background-repeatno-repeat;
width237px;
height472px;
list-
stylenone;
margin0px;
padding0px;
positionabsolute;
left830px;
}

li
.bio a {
display
block;
width237px;
height21px;
margin-top100px;
backgroundurl(../images/bio_duo.gif);
}

/* HOVER */
li.bio a:hover { background-position: -236px}

/*ACTIVE */
li.bio a:active { background-position: -236px}

/* VISITED */
li.bio a:visited { background-position: -236px}

/* Selected */
li.bio a:selected { background-position: -236px}

HTML
<ul>
<
li class="bio"></li>
</
ul

the code is not work
______________________________________
_____Bukmak_____

Profile
 
 
Posted: 10 February 2011 09:44 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  6
Joined  2011-02-10

does not work for me either
______________________________
furniture moroccan lanterns

Profile
 
 
Posted: 19 February 2011 10:21 PM   [ Ignore ]   [ # 3 ]
Newbie
Avatar
Rank
Total Posts:  14
Joined  2011-02-18

it not work for me too.

Broan Range Hoods | Leather iPad Cases

Profile