More CSS to be fixed...
Okay, Demonhale, I fully expect you to know the answer to this since you took care of my last two CSS issues.
I found another problem in my new site design that only shows up on the blog. Take a look at this page:
http://www.getasiteonline.com/?q=user/1
You can see what are supposed to be View and Contact tabs at the top. but I'm having trouble getting rid of the background image (ie the custom bullet) on the li and getting the spacing right. I want those on every other list on the site, but not that particular one.
Any ideas?
Renegade posted this at 22:25 — 7th February 2007.
He has: 3,022 posts
Joined: Oct 2002
Try this:
.breadcrumb ul {
list-style:none;
}
If that doesn't work, try giving the div it's own ID.
demonhale posted this at 03:14 — 8th February 2007.
He has: 3,278 posts
Joined: May 2005
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 posted this at 03:40 — 8th February 2007.
He has: 3,022 posts
Joined: Oct 2002
Oh yes, didn't look at the code properly, should be:
#main ul {
list-style:none;
}
timjpriebe posted this at 14:16 — 8th February 2007.
He has: 2,667 posts
Joined: Dec 2004
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;
}
Tim
http://www.tandswebdesign.com
demonhale posted this at 03:50 — 9th February 2007.
He has: 3,278 posts
Joined: May 2005
Thanks for such a tall claim (css guru)... just holler if you encounter anything else...
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.