11 replies [Last post]
Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

I've managed to style the menu the way i want it. And that takes me to another step. Now i would like to give each level another color.
That means i have to create more id's, but i can't seem to fiugure that out. Could anyone help me out?

safull
safull's picture
Offline
Regular
Madrid -Spain
Last seen: 18 years 38 weeks ago
Madrid -Spain
Timezone: GMT+1
Joined: 2003-08-27
Posts: 17
Points: 0

Styling the subItems of the multiLevelMenu

Well i think if you use classes to diferenciate the levels of your menu will help, instead of creating a id ofr each sub-menu.
Sorry i can't so much, maybe a lite bit of your code of the menu would help.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 9 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Styling the subItems of the multiLevelMenu

Hi Japio,
you could try something like

#nav li, #nav li a {background-color:red;} 
#nav li li, #nav li li a {background-color:blue;} 
#nav li li li, #nav li li li a {background-color:green;}
Hope that helps

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

Thannks a lot!!!

Yep, that's just what i needed. All the sublevels have different colours now.

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

Difference in height

I would like to give the subItems the same height as the firts items. Do I change this in the a.class??

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

Problem solved!

Okay...i solved the height problem. Now i can get started Smile

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

Another tiny problem

The only problem left is how to style the last sub [see picture].
I want the last two topics to have another color.

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

#nav li li li, #nav li li li li a {background-color:yellow};

I tried:
#nav li li li li, #nav li li li li a {background-color:yellow};
#nav li li li ul, #nav li li li ul a {background-color:yellow};

But that wont' work!!

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

Ahmmm...oke

This is driving me insane. I just can't figure out how to style the last sub.... Anyone can help me out here?

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

Styling the subItems of the multiLevelMenu

Here are the source files i'm working on....hope you can help me out!!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 9 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Styling the subItems of the multiLevelMenu

Hi Japio,
In your CSS file you have a typo that is causing the problem.

Quote:
#nav li li li, #nav li li li a {background-color:green};
Note the semi-colon ";" outside the closing bracket, It should be inside.

Hope that helps

Japio
Offline
Regular
Last seen: 15 years 19 weeks ago
Joined: 2004-08-20
Posts: 13
Points: 0

You're fabulous

That solved the problem...that's awesome man!! Thanks a million times