categories listing not indenting subcategories

Sean C. Smith

Posted: 08 June 2008 08:44 PM

[ Ignore ]

Lab Technician

Total Posts: 1642

Joined 05-13-2004

I’ve just added a listing of categories and subcategories to my side bar. Everything shows up but the sub categories are not indented and each category has different font size. Any idea why this would be happening. veiw it in action.

Thanks for your help.

<div class="widebodywrap">
<h2>Categories</h2>
<div class="tackbodywide">
{exp:weblog:categories weblog="{master_weblog_name}" style="nested" show_empty="no" disable="custom_fields|member_data|pagination|trackbacks"}
<a href="{path=eflgeek/index}">{category_name}</a>
{/exp:weblog:categories}
</div>
</div> 

Signature

CreateSean - My journey to pro web designer
currently improving my CSS, XHTML, JQuery & photoshop kung fu skills
I am the poster formally known as The Linguist.

Profile

bluedreamer

Posted: 08 June 2008 09:57 PM

[ Ignore ] [ # 1 ]

Research Assistant

Total Posts: 417

Joined 06-24-2007

You need to use a bit of CSS to format the categories list.

You have assigned a class nav_categories which is fine so adding this to your css will indent the sub categories (adust as you want…

ul.nav_categories ul {
margin-left: 10px;
}

Signature

Rob - http://www.blue-dreamer.co.uk/ - because I like blue!

Profile

Sean C. Smith

Posted: 09 June 2008 02:03 AM

[ Ignore ] [ # 2 ]

Lab Technician

Total Posts: 1642

Joined 05-13-2004

That worked great, but I still have categories displaying in different font sizes - any ideas?

Signature

CreateSean - My journey to pro web designer
currently improving my CSS, XHTML, JQuery & photoshop kung fu skills
I am the poster formally known as The Linguist.

Profile

Anton P.

Posted: 09 June 2008 05:09 AM

[ Ignore ] [ # 3 ]

Grad Student

Total Posts: 37

Joined 05-23-2007

The Linguist - 09 June 2008 02:03 AM
That worked great, but I still have categories displaying in different font sizes - any ideas?

It is a shame that you don’t have enough control over the categories styling. I managed to go a little deeper into the code and created a menu like this http://s.ocsia.com/site/view/. When you create a new top level category there is a custom field where you select if the category has children or not. If it does, then clicking on the this top level category will drop down the subcategories (for example about and speeches). The client will be able to easily create new pages and reorganize the menu as the whole site is based on categories.

This is just a mockup. The design is going to be different (http://s.ocsia.com/layout/) and I should be finishing the website in the next few days.

Profile

bluedreamer

Posted: 09 June 2008 07:27 AM

[ Ignore ] [ # 4 ]

Research Assistant

Total Posts: 417

Joined 06-24-2007

The Linguist - 09 June 2008 02:03 AM
That worked great, but I still have categories displaying in different font sizes - any ideas?

The font sizes are being inherited from other size declarations in your style sheet. Check the sozes for the container div where the menu sits

Signature

Rob - http://www.blue-dreamer.co.uk/ - because I like blue!

Profile

‹‹ cannot get "previous/next" to work or display [FIXED] IE6 yet again mess up the layout! ››

Username		Remember Me?
Password		forgot password?

Post Marker Legend
	New posts	Hot Topic with new posts	New Poll	Moved Topic	Sticky topic
	No new posts	Hot Topic with no new posts	Old Poll	Closed Topic	Announcements

Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 09:33 AM
Total Registered Members:	64908	Total Logged-in Users:	39
Total Topics:	81852	Total Anonymous Users:	20
Total Replies:	440061	Total Guests:	224
Total Posts:	521913