SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Safari/Chrome Extra Margin

    I'm trying to get my menu lined up properly and have it working in FF, Opera and IE but when I move to Chrome or Safari the menu items are pushed down.

    http://41six.com/services/

    The menu is on the left side. Any ideas on whats causing this?

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, don't have the anchors contain nothing
    e.g.
    Code:
    <div id="menu">
                <ul>
                    <li>
                        <a href="/" class="home" title="Home" alt="fortyonesix">&nbsp;</a>   
                        <div id='home-hover'>Home Page</div>
                    </li>
                    <li>
                        <a href="/about/" class="about" title="About Us" alt="About Us">&nbsp;</a>
                        <div id='about-hover'>About Us</div>
                    </li>
                    <li>
                        <a href="/services/" class="services" title="Our Services" alt="Our Services">&nbsp;</a>
                        <div id='services-hover'>Our Services</div>
                    </li>
                    <li>
                        <a href="/portfolio/" class="portfolio" title="Our Portfolio" alt="Our Portfolio">&nbsp;</a>
                        <div id='portfolio-hover'>Our Portfolio</div>
                    </li>
                    <li>
                        <a href="/blog/" class="blog" title="Our Blog" alt="Our Blog">&nbsp;</a>
                        <div id='blog-hover'>Our Blog</div>
                    </li>
                </ul>
            </div>
    Or you could mess with an image replacement technqiue and have text there instead of the &nbsp; and that way if hte images don't show you could get text instead.

    Or you could just stick with the &nbsp; as done above .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •