By moramata on

In my node template file I have a stement

print $links for outputting all the terms used for the content (I think all theme have the same.)
Why it is outputting a list?. For example

  • hong kong
  • travel

    • I don't want a list. List is no good. How do I get rid of the list (no regex pl.). Or make it inline. I am not a css guru. Please tell me the CSS that will make it inline. it uses class taxonomy_term_blahblah. Can I CSS like this
    .taxonomy_term_*

    Help needed desperately. Help, Help. I need to go I have a headache

    ⋅ Categories: Drupal 5.x

    Comments

    nimazuk’s picture

    nimazuk commented

    use this:

    .links ul li
{
display: inline;
padding-left: 17px;
margin-left: 25px;
list-style-image: none;
list-style-type: none;
}

    N.Mehrabany
    Baruzh web design & programming

    Nima

    moramata’s picture

    moramata commented

    Thanks nimazuk
    But isn't it going to make all my links inline? That means I cannot have linked lists which are not inline, unless I again define another css class (or id) to make it so.
    I just want the terms output by $link to be inline.

    nimazuk’s picture

    nimazuk commented

    which theme do you use?
    print $links prints node links such as READ MORE, ADD COMMENT, ... not terms and tags.
    That's print $terms .

    let me know the name of theme and if it is a drupal contributed theme i can take a look at the template and css.

    N.Mehrabany
    Baruzh web design & programming

    Nima

    masande’s picture

    masande commented

    even though it uses a different variable name, $terms is output using the themable function theme_links. i agree, however, this problem is a bit confusing since most themes already output taxonomy terms as an inline list like the following:

    <div class="terms">
<ul class="links inline">
<li class="first taxonomy_term_2"><a href="/taxonomy/term/2" rel="tag" title="" class="taxonomy_term_2">foo2</a></li>
<li class="last taxonomy_term_1"><a href="/taxonomy/term/1" rel="tag" title="" class="taxonomy_term_1">foo</a></li>
</ul>
</div>

    have you made any modifications to your themes or the standard drupal css file? if so, what are they.

    Mark Sanders
    Q Collective

    Mark Sanders
    Q Collective

    nimazuk’s picture

    nimazuk commented

    If you want something like this:
    foo1 | foo2 | foo3 | foo4
    or just
    foo1 foo2 foo3 foo4

    this css code may help.

    .terms ul li
{
display: inline;
padding-left: 17px;
margin-left: 25px;
list-style-image: none;
list-style-type: none;
border-left:solid 1px #000;  /* optional for lines between links */
}

.terms ul li.first
{
display: inline;
padding-left: 17px;
margin-left: 25px;
list-style-image: none;
list-style-type: none;
border-left:none;   /* optional for lines between links */
}

    I am right? you want this?

    N.Mehrabany
    Baruzh web design & programming

    Nima

    moramata’s picture

    moramata commented

    Thank you all for providing excellent insights. I have fixed the problem using your suggestions.