SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot mcahill's Avatar
    Join Date
    May 2002
    Location
    Manchaug, MA, USA
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mac IE Problem with Navigation

    I'm having trouble with the navigation on this page. It's a modified vertical version of suckerfish. Works in everything I've tested except Mac IE (haven't tried safari yet...)

    Any help appreciated.

    http://www.atexmedia.com/index.php
    mcahill
    Reel-Time.com - Saltwater Fly Fishing
    The Vario Blog
    VarioCreative.com 1 2 3 4 5 6 7

  2. #2
    SitePoint Zealot mcahill's Avatar
    Join Date
    May 2002
    Location
    Manchaug, MA, USA
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The code...

    This might help...

    CSS:
    PHP Code:
     #nav, #nav ul {
       
    margin:0;
       
    padding:0;
       list-
    style:none;
       
    width:115px/* Width of Menu Items */
     
    }
     
    /* hide from mac \*/
     
    html #nav, * html #nav ul {
     
    margin-right: -3em;
     
    margin-bottom: -30em;
     }
     
    /* end hide */
     #nav li {
       
    position:relative;
     }
       
     
    #nav li ul {
       
    position:absolute;
       
    left:114px/* Set 1px less than menu width */
       
    top:0;
       
    display:none;
     }
     
     
    /* Styles for Menu Items */
     #nav li a {
       
    display:block;
       
    text-decoration:none;
       
    font-size:11px;
       
    font-weightbolder;
       
    color:#777777;
       
    background:#ffffff; /* IE6 Bug */
       
    padding:5px;
       
    border-bottom:1px solid #cccccc;
       
    border-right1px solid #cccccc;
     
    }
     
     
    /* Fix IE. Hide from IE Mac \*/
     
    html #nav li { float:left; height:1%; }
     
    html #nav li a { height:1%; }
     /* End */
     
     #nav li a:hover { color:#E2144A; background:#f9f9f9; } /* Hover Styles */
         
     #nav li ul li a { padding:2px 5px; } /* Sub Menu Styles */
         
     #nav li:hover ul, #nav li.over ul { display:block; } /* The magic */ 
    The nav list:

    PHP Code:
        <ul id="nav">
           <
    li><a href="/solutions">Solutions
             
    </a>
             <
    ul>
               <
    li><a href="solutions/advertising.php">Advertising</a></li>
               <
    li><a href="solutions/analytics.php">Business Analytics</a></li>
               <
    li><a href="solutions/circulation.php">Circulation</a></li>
               <
    li><a href="solutions/editorial.php">Editorial</a></li>
               <
    li><a href="solutions/services.php">Professional Services</a></li>
              </
    ul>
           </
    li>
           <
    li><a href="support/index.php">Customer Care
           
    </a>        <ul>
               <
    li><a href="support/americas.php">Americas</a></li>
               <
    li><a href="support/ap.php">Asia/Pacific</a></li>
               <
    li><a href="support/emea.php">EuropeAfrica and the Middle East</a></li>
               </
    ul>
           </
    li>
           <
    li><a href="company/index.php">Company
           
    </a>        <ul>
               <
    li><a href="company/index.php">About Us</a></li>
               <
    li><a href="company/offices.php">Offices</a></li>
               <
    li><a href="company/careers.php">Careers</a></li>
               <
    li><a href="company/partners.php">Partners</a></li>
               <
    li><a href="company/investors.php">Investors </a></li>
             </
    ul>
           </
    li>
           <
    li><a href="casestudies/index.php">Case Studies</a></li>
           <
    li><a href="news/index.php">News &ampEvents</a>
               <
    ul>
                 <
    li><a href="news/index.php">News</a></li>
                 <
    li><a href="events/index.php">Events</a></li>
             </
    ul>
           </
    li>
           
           <
    li><a href="/resources.php">Resources
           
    </a>        <ul>
                 <
    li><a href="methodology.php">Atex Project Methodology</a></li>
               <
    li><a href="http://amc.webex.com" target="_blank">Atex WebEx Site</a></li>
               <
    li><a href="newsletter.php">Sign Up for our Newsletter </a></li>
             </
    ul>
           </
    li>
           <
    li><a href="contacts.php">Contact Us </a> </li>
         </
    ul>    </div
    mcahill
    Reel-Time.com - Saltwater Fly Fishing
    The Vario Blog
    VarioCreative.com 1 2 3 4 5 6 7

  3. #3
    SitePoint Zealot mcahill's Avatar
    Join Date
    May 2002
    Location
    Manchaug, MA, USA
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The problem is due to Flash...

    Apparently my Flash embed code is causing a problem with the menu. I haven't solved it yet, as I really don't want to have to use Satay...

    Here's the embed code I use:

    PHP Code:
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="380" height="150" align="top">
              <
    param name="movie" value="/images/flashfiles/LeftImage.swf" />
              <
    param name="quality" value="high" />
              <
    param name="wmode" value="transparent" />
              <!--[if !
    IE]> <-->
              <
    object type="application/x-shockwave-flash" data="/images/flashfiles/LeftImage.swf"  width="380" height="150">
                <
    param name="wmode" value="transparent" />
              </
    object>
              <!--> <![endif]-->
              <!--[if 
    IE]>
          
    This is a short animation about *desc of file here*.
          <![endif]-->
            </
    object
    As you'll note, theres some special stuff for IE there. No doubt it needs to be IE/Wind specific.
    mcahill
    Reel-Time.com - Saltwater Fly Fishing
    The Vario Blog
    VarioCreative.com 1 2 3 4 5 6 7


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
  •