[Geoserv]

I am trying to change the way the categories are currently laid out.

I have taken them from the sidebar and placed in my main content div.

Currently they display one under each other, I am trying to get them to display in multiple columns. Example:

Category 1 Category 2 Category 3
Category 4 Category 5 Category 6
Category 7 Category 8 Category 9

Anyone have any idea how to do this.

I have tried using this in my CSS:

#category {

	width: 457px;

	height: 347px;

	background: url(templates/yget/images/cat_bkgd.gif) no-repeat top left;

	float: left;

	padding: 10px 15px 15px 15px;

}

#category_list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        display:block;
        list-style-type: none;
	font-size: 110%;
        width:10em;
	}
#category_list li {
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
        list-style-type: none;
        display:block;
        width:10em;
	padding: 0px 0px 0px 0px;
	}
#category_list li a{
	color: #3399cc;
        display:block;
        text-decoration: none
        width:10em;
	}
#category_list li a:hover{
        text-decoration: underline;
        display:block;
        width:10em;
	}

but isn't accomplishing it for me.

Here is my categories.tpl:

<div id="category">
<div id="category_list">
<div class="wlmsg2">
<h3>
<span class="bborange">Cate</span><span class="bbdrkblue">gories</span>

</h3>
</div>
	
				<ul>
		<li>
			{section name=thecat loop=$cat_array start=1}
				{if $lastspacer eq ""}
					{assign var=lastspacer value=$cat_array[thecat].spacercount}
				{/if}

				{if $cat_array[thecat].spacercount lt $lastspacer}{$cat_array[thecat].spacerdiff|repeat_count:'</li></ul>'}{/if}
				{if $cat_array[thecat].spacercount gt $lastspacer}<ul style="padding-left:12px"><li>{/if}

				
		
				{if $pagename eq "published"}
					<a href="{$URL_maincategory, $cat_array[thecat].safename}">{$cat_array[thecat].name}</a>{if $cat_array[thecat].parent neq 0} ({$cat_array[thecat].catcount}) {/if}
				{else}
					<a href="{$URL_queuedcategory, $cat_array[thecat].safename}">{$cat_array[thecat].name}</a>{if $cat_array[thecat].parent neq 0} ({$cat_array[thecat].catcount}) {/if}
				{/if}
	
				{assign var=lastspacer value=$cat_array[thecat].spacercount}
			{/section}
		</li><br />
	</ul>
</div>
</div>

any input welcome.

Geoserv

[Geoserv]

I made some progress using display:inline

Still not displaying in columns but its better.

Geoserv.