cbs_category_list not functions the way it should (or so I think)

deronsizemore · 2006-08-08 01:42:11

<a href=“http://www.kentuckygolfing.com”>KentuckyGolfing.com</a> is my site I’m working on.

The Categories section in the middle isn’t displaying correctly for some reason. I’m using CBS_Category_List Plugin and I have no idea why the number of articles in the category is being displayed below the link? I mean the code looks fine and everything but yet it drops down one line. I used the exact same CSS code for this list as I did for every other list in the site and this is the only one acting up. Can anyone see what I’m doing wrong here?

I actually found that if I remove “display:block” from #categories ul li a it makes every look right but when you hover over a link it still is wrong because the light blue background only spans over the actual link, rather than the whole list column (like the other lists when hovered over).

ricetxp · 2006-08-08 08:26:57

Because the number in brackets is not within the anchor tags, the display: block forces them to appear under the anchor text (a block). So you can remove the display: block and then make it so that the background color changes for the whole list item on hover. However, this will work in a good browser like Firefox, but not in IE. You’ll need javascript to make it happen.

To recap… Remove display: block and then change this: #categories ul li a:hover to this: #categories ul li:hover

Also, it’s better to use em values for height, rather than pixels. If you enlarge the text, your lists become unreadable.

deronsizemore · 2006-08-08 16:09:17

Thank you for your help, that worked great!

I’ll play around with em’s. I’ve tried them before with my whole site as far as font sizes and height, but I’ve never had much luck with them. Seems I get confused because I’ll set say the body font size to 12px, then have say my main content area set to 1em, and then I’ll try to set an h1 tag or something in my main content area to 2em, but it’d different because it’s inheiriting from the 1em on maincontent rather than the 12px in the body so it’s smaller than it should be.

Also, where is a good place to find the javascript script to make this rollover effect happen?

Last edited by deronsizemore (2006-08-08 16:30:10)

ricetxp · 2006-08-08 21:03:59

I did a live edit on your css using Firefox and put in 1.5em as the height value for <li> in your category list. Then when I enlarged the text, the list enlarged too.

As for the javascript, I found a discussion over at Wordpress and you could also try a search for “son of suckerfish”.

deronsizemore · 2006-08-09 01:29:25

Thanks a lot Rice! I suppose I need to go ahead and use ems for everything. It’s time to suck it up and learn how to use them correctly. Like I said, I’ve just shyed away because I can never seem to get them to work exactly like I want. Every list I’ve currently got on that site is set up the same way, so I need to change them all.

I forgot about the son of suckerfish. I’ll have to check that out again. I’ve not looked at it for quite some time.

Thanks for your help.

Textpattern CMS

Textpattern CMS support forum

#1 2006-08-08 01:42:11

cbs_category_list not functions the way it should (or so I think)

#2 2006-08-08 08:26:57

Re: cbs_category_list not functions the way it should (or so I think)

#3 2006-08-08 16:09:17

Re: cbs_category_list not functions the way it should (or so I think)

#4 2006-08-08 21:03:59

Re: cbs_category_list not functions the way it should (or so I think)

#5 2006-08-09 01:29:25

Re: cbs_category_list not functions the way it should (or so I think)

Board footer