[ic] Vertical Category List Question

Ryan Grace ryan at ryangrace.com
Wed Nov 12 16:22:45 EST 2003


On Wed, 12 Nov 2003, Hostmaster wrote:

> > On Wed, 12 Nov 2003, Hostmaster wrote:
> > > Because I am hyperlinking the Product Group headings, I'm having
> difficulty
> > > understanding how to make them Bold Text, since they are being
> controlled by
> > > the same .class as the categories in the __THEME_CSS__ , as shown below:
> > > }
> > >
> > > A.barlink:link, A.barlink:active, A.barlink:visited {
> > >   color: __CATEGORYBAR_LINK__;
> > >   font-family: __CATEGORYBAR_FONT__;
> > >   font-weight: __CATEGORYBAR_WEIGHT__;
> > >   text-decoration: __CATEGORYBAR_LINKDECO__;
> > >   font-size: __CATEGORYBAR_FONTSIZE__;
> > > }
> > >
> > > A.barlink:hover {
> > >   color: __CATEGORYBAR_LINKHOVER__;
> > >   font-family: __CATEGORYBAR_FONT__;
> > >   font-weight: __CATEGORYBAR_WEIGHT__;
> > >   text-decoration: __CATEGORYBAR_HOVERDECO__;
> > >   font-size: __CATEGORYBAR_FONTSIZE__;
> > > }
> > >
> >
> > I think if you change the CATEGORYBAR_WEIGHT variable to something like
> 'bold' that should do it.  Check a CSS reference on the web for details on
> the font-weight CSS directive.  You could also remove the
> __CATEGORYBAR_WEIGHT__ reference in those two styles and replace it with
> "bold" to avoid unintended bolding elsewhere.
> >
> > Ryan
>
> Hello Ryan.  Thanks for the suggestion.  I tried that before I asked this
> question.  What I realized afterward is that the __CATEGORYBAR_WEIGHT__
> variable is overridden by the "A.barlink:link, A.barlink:active,
> A.barlink:visited".  Changing the CATEGORYBAR_WEIGHT variable here affects
> both the Product Group and the Category under it.  What I'm hoping to
> achieve is to get the Product Group to stand out in bold for better visual
> navigation.
>
> I was hoping to simply add an inline style tag to the TD in which the
> Product Group is found, but it seems the Product Group is not isolated from
> the Category Heading in the TD.
>

Well, it's not really the same thing, but here's how I modified by category_vertical to use an unordered list for the categories under each prod_group heading:

This is from my modified category_vertical

    <td valign="top">
      <ul class="vertcatlist">
[set found_cat]1[/set]
[loop prefix=cat
        search="
                fi=cat
                st=db
                tf=sort
                tf=name
                rf=code,name
                sf=sel
                se=[box-code]
        "
        ]
      <li>[cat-exec bar_link]cat[/cat-exec]</li>
[/loop]
      </li>
    </td>

Then for the vertcatlist style I defined:

.vertcatlist {
  list-style-image: url(/plazad/images/star_small.gif);
}

That used a small star for the bullet image.  So, not exactly the same thing, but maybe helpful?

Ryan


More information about the interchange-users mailing list