7 replies [Last post]
rajeshbhatt
Offline
Enthusiast
Last seen: 9 years 4 weeks ago
Joined: 2005-10-18
Posts: 61
Points: 0

bit of a dilemma.

i have created a site, which at design stage i thhoughtt was great. however, it all seems to change when you get to the css2 part of it (or so it seems)

basically, i'm trying to get the hover state stay active once the user is on THE page.

[nb. i have attached a screenshot of how i would like the page to look like when user is on the page.]

see link for the page in question: http://www.olympicgames-2012.co.uk/it_support.shtml

is there an easy way to do this? am i missing the obvious??

pls let me know and as always thanks in advance to those who have taken the time to read this post.

rdb

AttachmentSize
060627_design5_sub3.jpg208.17 KB
Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Basic stuff! You dont get

Basic stuff!

You dont get the :active state to hold as it's just for the period of activation.

Using ID's on the body tag to ident each page as unique you then add unique identifiers to your link tags , then using descendent selectors you group a set of rules that run along these lines:

body#about_page a#about,
body#index_page a#index
{
background:red;
}
when these conditions are met then the rules are applied.

You should be able to work with that.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

rajeshbhatt
Offline
Enthusiast
Last seen: 9 years 4 weeks ago
Joined: 2005-10-18
Posts: 61
Points: 0

I'm getting there...

ok i understand the concept of doing this but am having some trouble in putting the correct tags in place.

so step by step....

1/ on the css file i put :

body#about_page a#about, body#index_page a#index { background:red; }

2/ on the page i would like to make ACTIVEE, i put the following code
in the body tag.

3/ surely i would need to identify at some point that i want thee menu iteem (in this case

About Us

to highlight in blue?

i have a feeling i missing something, probably very basic here.....

excuse my stupidity...!

rajeshbhatt
Offline
Enthusiast
Last seen: 9 years 4 weeks ago
Joined: 2005-10-18
Posts: 61
Points: 0

IGNORE THIS POST - PROBLEM SORTED - THANKS HUGO!

THANKS AGAIN!

HAD TO READ YOUR POST ABOUT 3 TIMES AND THEN IT MADE SENSE....!

GOT IT WORKING NOW!!!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

It does take a while to get

It does take a while to get it, but once it clicks, it instantly seems so easy and makes si much sense.

rajeshbhatt wrote:

3/ surely i would need to identify at some point that i want thee menu iteem (in this case

About Us

to highlight in blue?

i have a feeling i missing something, probably very basic here.....

You were, you need to then give the anchors the matching IDs . . . but I guess you realised that? Wink

Verschwindende wrote:
  • CSS doesn't make pies

rajeshbhatt
Offline
Enthusiast
Last seen: 9 years 4 weeks ago
Joined: 2005-10-18
Posts: 61
Points: 0

sure thing!

thanks again to you guys for helping out!

rdb

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

And thankyou for taking the

And thankyou for taking the ime to come back and keep us informed, makes me feel all warm and gooey inside Wink

Well, you always know where to find us!

Verschwindende wrote:
  • CSS doesn't make pies

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Like a Cadburys Cream Egg

thepineapplehead wrote:
makes me feel all warm and gooey inside

Like a Cadbury's Cream Egg stuck in a Microwave for a couple of seconds. Yum!