Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2002
    Posts
    152
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Menu Displaced only in Firefox

    Hello,

    When you visit this site http://www.sexinthecityparties.com

    the "Contact" header in the menu is displaced only when viewing the page with Firefox.

    Could someone please tell me what's wrong?

    thanks
    Andy

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Posts
    152
    Thanks
    5
    Thanked 0 Times in 0 Posts
    The code is called in header.php

    Code:
    <ul class="solidblockmenu"> 
    <?php displayMenu(3); ?>
    </ul>
    <br style="clear: left" />
    and the CSS is:

    Code:
    .solidblockmenu{
    margin: 0;
    padding: 0;
    float: left;
    color: #ad0000;
    font-weight:normal;
    font-style: 13px;
    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    border: solid #141414;
    border-width: 0px 0px 1px 0px;
    background: black url(http://www.sexinthecityparties.com/images/blockdefault.png) center center repeat-x;
    }
    
    .solidblockmenu li{
    display: inline;
    }
    
    .solidblockmenu li a{
    float: left;
    color: white;
    padding: 2px 14px;
    text-decoration: none;
    border-right: 0px solid #141414;
    }
    
    .solidblockmenu li a:visited{
    color: white;
    }
    
    .solidblockmenu li a:hover, .solidblockmenu li .current{
    color: white;
    background: transparent url(http://www.sexinthecityparties.com/images/blockactive.gif) center center repeat-x;
    }

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,581
    Thanks
    23
    Thanked 644 Times in 643 Posts
    In http://www.sexinthecityparties.com/w...ique/style.css

    on line 83 find this
    ul li, ol li {
    list-style-position: outside;
    margin-left: 2.5em;
    }

    Remove or lessen the margin-left: 2.5em;

    Removing makes the bottom of the menu shorter, but I see no other problems.

  • Users who have thanked sunfighter for this post:

    neodjandre (07-09-2011)

  • #4
    Regular Coder
    Join Date
    Aug 2002
    Posts
    152
    Thanks
    5
    Thanked 0 Times in 0 Posts
    perfect that actually worked!! you are a star!!


  •  

    Posting Permissions

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