KCAA

I am trying to complete my first wordpress customization. However, I can't get one thing to work.

www.rosedaleirish.com

Can someone explain to me why the background for the #post category doesn't stretch all the way down? it is running wordpress fyi.

__________________
www.anything4free.com (Not my site but if you want free stuff (ipods, flatscreens etc) go there.)

H

Not entirely sure, but try adding this "overflow: hidden;" to the container around it, which I believe was #content.

KCAA

That worked, but the only thing left is that it doesn't extend into the footer. I tried making the footer black but that makes an entire bar. Is there anyway to crop the footer's background area to the 797 pixels i need?

Also, for learning purposes, what you added...what does it do?

__________________
www.anything4free.com (Not my site but if you want free stuff (ipods, flatscreens etc) go there.)

H

Basically there's a "bug", if you want to call it that, where many times FLOAT objects won't increase the height of the container. So when you put that on the container, it resolves the issue. I had to look that up not too long ago for my own site.

As for the footer, I'd assume you'll have to find the CSS class or id of it and change it manually as #content wouldn't have the footer inside of it. You can probably fix the pixel problem there as well.

KCAA

Well i got it working. I just moved the footer into the page div and it worked. I thought last night that it would mess the order around and throw things out of proportion so i waitd until today to do it.

However, I have a couple questions regarding the site still (don't know if they're CSS related ENTIRELY) here are my two questions:

I have my navigation in my header. And it is supposed to be a tabbed interface. (See www.binarybonsai.com (the site i was basing my design off of ) Its supposed to have the current page tab and then if you click on it, the tab goes to the page you click on. (If you were to click on kubrick on there, the white tab would disappear off of blog and go to kubrick.) How do I achive this?

Also, on binarybonsai, notice how the categories are correctly punctuated. That is, if there are three of them it goes: cat 1, cat 2 and cat 3. And if it is only two categories it just does cat 1 and. On his other skin it didn't do this, and i had wondered why. Obviously it is something in Wordpress's php, but how do i fix that?

__________________
www.anything4free.com (Not my site but if you want free stuff (ipods, flatscreens etc) go there.)

H

The reason the page you're currently one has the white behind it is because they use a pseudo class known as 'a:active'. What it does it is will use that style if that link is the one currently loaded. Be warned, if you're using links like "index.php?p=blah" it won't work. It will work if you have links like "index.php", "blog.php" and "archive.php".

I'm not sure how they got the grammar to work properly. My guess is they did a mod or something similar to achieve the affect. Just to note, this wouldn't be CSS, it's likely a modification of the actual PHP.

KCAA

.menu ul li.current_page_item a, .menu ul li.current_page_item a:hover {
color: #FFFFFF !important;
text-decoration: none;
}

Thats what they used. However, I cant seem to see how to change each link to the class of "Current_page_item"

__________________
www.anything4free.com (Not my site but if you want free stuff (ipods, flatscreens etc) go there.)

H

Hmm, looks like they're doing it some other way then? Maybe they're using PHP to determine which page it's current on and applying a style to it, rather than taking the easy approach.

I'd just try something like Seriously, it looks like they through way too much to achieve something simple.

KCAA

That only works as long as i hold the mouse down.

__________________
www.anything4free.com (Not my site but if you want free stuff (ipods, flatscreens etc) go there.)