WordPress.org

Ready to get started?Download WordPress

Forums

Showing List in Horizental Mode (5 posts)

  1. true_friend
    Member
    Posted 7 years ago #

    Hi i want to show list of 'Pages' below my blog header there for it is needed to convert its vertical state into horizental line just like blog tag/description is shown below the blog name. i want this list to be shown beleow description but it is shown vertical order. how can i change the order??
    this is relative CSS code
    #
    #sidebar li li ul{
    #
    list-style: circle outside;
    #
    margin:0px 0px 0px 12px;
    #
    padding: 0px;
    #
    }
    plz help me.
    Regards

  2. icd10
    Member
    Posted 7 years ago #

    li { display: inline; }
    ul { list-style: none; }

  3. true_friend
    Member
    Posted 7 years ago #

    plz see my css at http://wordpress.pastebin.ca/229326
    style for li is as follows.
    #sidebar li{
    margin:0px;
    padding: 2px;
    }
    #sidebar li li ul{
    list-style: circle outside;
    margin:0px 0px 0px 12px;
    padding: 0px;
    }
    it is specifically for sidebar. but i could not understand how can i specify a style for a list in header. as i applied commands u gave me and they inlined all lists in sidebar not in header. header's list was as same. so i thought there should be another style for header. can some one help me to add a style for header's lists. only thing i can not understand how to add a style specifically for header only.
    Regards

  4. icd10
    Member
    Posted 7 years ago #

    Use
    #header li { ... }
    if you just add
    li { ... }
    the stlye will be used for all lists

  5. rossz
    Member
    Posted 7 years ago #

    A good resource for learning list tricks, both horizontal and vertical is http://css.maxdesign.com.au/listamatic/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.