demonhale — Fri, 09 Feb 2007 03:50:23 +0000

Thanks for such a tall claim (css guru)... just holler if you encounter anything else...

timjpriebe — Thu, 08 Feb 2007 14:16:28 +0000

Ah! "Transparent" was the piece of info I was missing. Well, plus the method for directly accessing the ul with the tabs class. Demonhale, you are quite the CSS guru!

Here's what I ended up adding:

#main ul.tabs {
	padding: 10px 0px 0px 0px;
}

#main ul.tabs li {
	background: transparent;
}

Renegade — Thu, 08 Feb 2007 03:40:05 +0000

Oh yes, didn't look at the code properly, should be:

#main ul {
list-style:none;
}

demonhale — Thu, 08 Feb 2007 03:14:46 +0000

Id like to explain for the benefit of those still learning css...

On renegades suggestion it wouldn't work, since the breadcrumb class is outside the "li" tag used, the class for that "li" is called "tabs" right? But then the whole class "tabs" semantically speaking is inside the general id "#main"...

So for renegades second suggestion of giving it it's own id, wouldn't still really work flawlessly since adding any class or id inside the "#main" div call doesn't override the "#main li" call which makes still all the background for all list items inside the "#main" id.

The solution is easy, since you know that every other list items is included inside the "#main" id, and the problem you mentioned is uniquely tagged for a class "tabs" then just call those id and class to reset the background to nothing (see the semantics);

#main ul.tabs li{
background:transparent;
}

add to the tands.css document and that area gets fixed...

Renegade — Wed, 07 Feb 2007 22:25:57 +0000

Try this:

.breadcrumb ul {
list-style:none;
}

If that doesn't work, try giving the div it's own ID.