X-Cart forums

[virtualgeorge]

I have a shop here: virtualgeorge.com/shop/home.php


The menus look like this, when a category name is long and wraps to the next line, it starts the continuing line under the bullet image.

• Bed Linen
• Bath Linen
• Blankets
• Down Comforters

and Pillows

• Robes, Pajamas

and Slippers

But I want it indented so all the text liines up, I want it to look like this

• Bed Linen
• Bath Linen
• Blankets
• Down Comforters
  and Pillows
• Robes, Pajamas
  and Slippers

Any tips appreciated.
thanks!

[balinor]

Are you using actual <li> tags or an image? An <li> will automatically wrap the way you want it to.

[virtualgeorge]

I don't know? Where would I look? Categories.tpl or menu.tpl ?

[balinor]

customer/categories.tpl is the default category menu.

[virtualgeorge]

Can I post what I have for the template? Its only 18 lines. Or would that help?

thanks!

[balinor]

Yep, that would help

[virtualgeorge]

{* $Id: categories.tpl,v 1.26 2005/11/17 06:55:37 max Exp $ *}
{capture name=menu}
{if $active_modules.Fancy_Categories ne ""}
{include file="modules/Fancy_Categories/categories.tpl"}
{assign var="fc_cellpadding" value="0"}
{else}
{if $config.General.root_categories eq "Y"}
{foreach from=$categories item=c}
<font class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems iconlink">{$c.category}</a></font><br />
{/foreach}
{else} {foreach from=$subcategories item=c key=catid}
<font class="CategoriesList"><a href="home.php?cat={$catid}" class="VertMenuItems iconlink">{$c.category}</a></font><br />
{/foreach}
{/if}
{/if}
{/capture}
{ include file="menu.tpl" imgtop="categories.gif" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}

[balinor]

What is this?

class="VertMenuItems iconlink"

Do you have some sort of background image set in skin1.css?

[virtualgeorge]

That is for the bullet image

.iconlink {
background:transparent url(images/bullet.gif) no-repeat scroll left center;
padding-left:10px;
}

[balinor]

Yea, you are going to want to get rid of that or else it won't wrap correctly. You need to add an order list (<li> tags) to your menu.