Showing List in Horizental Mode

  • true_friend

    (@true_friend)


    17 years, 5 months 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • articles

    (@articles)

    17 years, 5 months ago

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

    Thread Starter true_friend

    (@true_friend)

    17 years, 5 months 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

    articles

    (@articles)

    17 years, 5 months ago

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

    rossz

    (@rossz)

    17 years, 5 months ago

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Showing List in Horizental Mode’ is closed to new replies.