categories listing not indenting subcategories
Posted: 08 June 2008 08:44 PM   [ Ignore ]  
Lab Technician
Avatar
RankRankRankRank
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
 
 
Posted: 08 June 2008 09:57 PM   [ Ignore ]   [ # 1 ]  
Research Assistant
Avatar
RankRankRank
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
 
 
Posted: 09 June 2008 02:03 AM   [ Ignore ]   [ # 2 ]  
Lab Technician
Avatar
RankRankRankRank
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
 
 
Posted: 09 June 2008 05:09 AM   [ Ignore ]   [ # 3 ]  
Grad Student
Rank
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
 
 
Posted: 09 June 2008 07:27 AM   [ Ignore ]   [ # 4 ]  
Research Assistant
Avatar
RankRankRank
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
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
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    
Members ( View Memberlist )