• hi there!

    can anyone tell me how i generate some standard seperators (|) between the listing of my pages (www.blog.eyetag.de/index.php)?
    here?′s the relevant piece of the code from footer.php
    <div id="footer">

    <div class="aligncenter">

    <ul>

    <?php wp_list_pages('title_li='); ?>

    </ul>

    <ul>

    this is the .css
    }

    #footer {
    background: transparent url(images/bottom.gif) no-repeat bottom center;
    clear: both;
    color: #808979;
    font-size: 11px;
    height: 75px;
    margin: 0;
    padding: 10px 10px 10px 67px;
    }

    #footer ul{
    padding : 0;
    margin: 0px 0px 5px 0px;
    text-align: center;
    white-space : nowrap;
    }

    #footer ul li{
    display : inline;
    }

    #footer ul li a{
    display : inline;
    color: #000;
    font-weight: normal;
    padding-left: 2px;
    padding-right: 2px;
    }

    #footer a {
    color: #000;
    }

    #footer ul li a:hover {
    text-decoration: underline;
    }

    i tried

    #footer ul li:before {
    content:"|";
    }

    already, but this won?′t work with IE. plus i want the seperators between the pages, not before and after…

    thanks!
    et

Viewing 2 replies - 1 through 2 (of 2 total)
  • You can set the list (li) to have a border on the right and/or left to make a | appear.

    The list looks like Home | About | Legal | Copyright | and so on.

    #footer li {display: inline; padding: 0px 5px; border-left:0.5px solid #006633; border-right:0.5px solid #006633; }

    I use this technique in my footer and I’ll give you all the details if this is what you are looking to accomplish.

    Thread Starter eyetag

    (@eyetag)

    hi lorelle,

    i inserted the suggested code in my css, but as you can see on my site, i get the middle separators doubled (of course).
    css looks like
    ?′}

    #footer {
    background: transparent url(images/bottom.gif) no-repeat bottom center;
    clear: both;
    color: #808979;
    font-size: 11px;
    height: 75px;
    margin: 0;
    padding: 10px 10px 10px 67px;
    }

    #footer ul{
    padding : 0;
    margin: 0px 0px 5px 0px;
    text-align: center;
    white-space : nowrap;
    }

    #footer ul li{
    display : inline;
    }

    #footer ul li a{
    display : inline;
    color: #000;
    font-weight: normal;
    padding-left: 2px;
    padding-right: 2px;
    }

    #footer a {
    color: #000;
    }

    #footer ul li a:hover {
    text-decoration: underline;
    }

    #footer li {
    display: inline;
    padding: 0px 5px;
    border-left:0.5px solid #006633;
    border-right:0.5px solid #006633;
    }
    `

    what do i need to cahnge to make it look like in your footer?

    thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘separators in list_pages’ is closed to new replies.