9 replies [Last post]
Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 8 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Post title says it all really. I think I've tried every combination under the sun, I've got Listamatic open and I still can't target it! *grrr...*

It's here
It's supposed to look like the 'Patients' page please

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 4 years 44 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

#navwrap li li and #navwrap li li a

They're the rules you want to target to override the rules being inherited from the parents. Alternatively you could do:

#navwrap > ul > li and #navwrap > ul > li > a to make sure that the styles for the top level menu only apply to the first level items and their anchors.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 8 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Many thanks Tyssen - I'll try

Many thanks Tyssen - I'll try that and see how I get on.

I'll be back if I'm still foxed - could have sworn I'd tried #navwrap li li Puzzled

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 8 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Okay...I tried the ones in

Okay...I tried the ones in your heading - #navwrap li li and a

Some progress...it's now normal not bold but will not take the line height - in fact seems to be adding the 2em of the UL to the 1em of the li li

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 4 years 44 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Wrong element

You've specified line-height on #navwrap li so you need to override it on #navwrap li li, not #navwrap li li a.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 8 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

No, it's coming from

No, it's coming from somewhere else. I did that and in fact I've just taken the line-height out of #navwrap li to prove that it's not overriding #navwrap li li

Sad Where could it be coming from...a default on the UL?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 20 hours 23 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9742
Points: 3821

Did your realize this is

Did you realize this is adding 30px vertical space to each line?

#navwrap li li {
    color: #000000;
    line-height: 1em;
    padding: 15px;
    text-decoration: none;
}
In Firebug, select the element of interest, and click "layout" in the right panel.
cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 8 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Rofl! No, of course I didn't

Rofl! No, of course I didn't realise - if I had I wouldn't have driven myself near crazy this afternoon!

*shaking head* After all my "padding-left"s...to be tripped up by that. Some detective work you master trouble-shooter you Big smile

Quote:

In Firebug, select the element of interest, and click "layout" in the right panel.

Ahem...I've had it open permanently - scouring the inheriteds - it obviously doesn't help. I even SAW the blue border around the li and STILL didn't trip to it.

Thank you sooo much Gary - I tips me hat ter yer.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 20 hours 23 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9742
Points: 3821

The fix is in

Not everything comes that easily. Just remember I've been fixing other people's html and css for about eight years now. I can't do graphic design for …, but I am a fair to middling fixer.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 8 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Fair to middling

Fair to middling nothing...your track record tells the tale Smile

I must also thank Tyssen for narrowing my focus to the right area, I really did feel it was a small leap to finally get the text "normal" at least!!

And believe it or not , one of Hugo's lessons from long ago did stick a little "the #xxxx IS the first UL you don't have to specify it again". But they're still tricky little devils when you're not writing them all the time.

Thanks guys.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile