[css-d] Links with separator lines

Diane Ross Thu, 08 Feb 2007 16:39:10 -0800

I use  #page_links and .footerbar for links. The problem shows on this page
<http://www.entourage.mvps.org/>


but

show OK on this page (and other pages on the site that use the same divs)
<http://www.entourage.mvps.org/exchange/index.html>

The Problem:
------------------------------------
In Opera and FireFox on the Mac, I'm seeing two separator lines after the
first link. 

IE 5.2 on the Mac shows the separator lines inside the link or way to one
side in both #page_links and #footer. There are other problems with IE Mac
that I'll address in a separate subject.

Safari Mac and OmniWeb Mac are OK for both page links and footer links.

On the PC side there is no problem with the separator lines for IE 6. I'm
seeing space after the first link "Search A-Z Index". I'm guessing this is a
padding issue. I haven't been able to test in other PC browsers yet. Have
been downloading Opera and Firefox and the rate they are going it's going to
be hours just to download. Running VPC isn't what you would call swift.

My first thought was to check for some extraneous code but there is none
that I see. I don't understand why it works on other pages and not the home
page. I can see that IE Mac would be problematic but for other browser to
have a problem with just this one page is confusing.


CSS
-----------------------------------
#page_links {text-align: center;
        margin-top: 1.5em;
        }
.linksbar {
        list-style-type: none;
        padding:4px 0;
}
    .linksbar li {
        display: inline;
        border-left: 1px solid #000000;
        font-size: .8em;
        padding: 0 1px 0px 3px;
}
    .linksbar li.first {
        border:none;
}


.footerbar {
        list-style-type: none;
        padding:4px 0;
}
    .footerbar li {
        display: inline;
        border-left: 1px solid #000000;
        font-size: .8em;
        padding: 0 1px 0px 3px;
}
    .footerbar li.first {
        border:none;
-------------------------------

HTML
---------------------------------------

<div id="page_links">
    <ul class="linksbar">
        <li class="first">
            <a href="faq/index.html">Search A-Z Index</a>
        <li>
        <li>
            <a href="faq/top_faqs.html">Most Asked Questions</a>
        </li>
        <li>
            <a href="faq/2004.html">FAQs for Entourage 2004</a>
        </li>
        <li>
            <a href="faq_topic/sync_services_ical.html">Sync Services</a>
        </li>
        <li>
            <a href="new2mac.html">new2mac &amp; Entourage</a>
        </li>
        <li>
            <a href="menumachine/topnav/navigation.html">Site Map</a>
        </li>
    </ul>
</div>

-----------
<div id="footer">
    <ul class="footerbar">
        <li class="first">
            <a href="http://www.entourage.mvps.org/";>Home</a>
        </li>
        <li>
            <a href="http://www.entourage.mvps.org/about.html";>About</a>
        </li>
        <li>
            <a href="disclaimer.html">Disclaimer</a>
        </li>
    </ul>

-- 
Diane 


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Links with separator lines

Reply via email to