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 2 of 2
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    417
    Thanks
    4
    Thanked 1 Time in 1 Post

    divs not showing completely in menu

    i have had people say that the menus are not showing in their browsers.

    i have had them send in images of the menu as it shows.

    Code:
    <div  id="centerdiv">
    <div id="new_header">
    
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item1</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item2</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item3</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item4</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item5</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item6</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item7</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item8</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item9</a></div>
    </div>
    
    <div style="float: left; width: 68px;">
    <div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item10</a></div>
    </div>
    
    
    
    <div style="line-height: 20px">&nbsp;</div>
    
    
    </div>
    
    
    </div>


    CSS
    Code:
    #new_header { margin: 0 auto; padding-bottom: 5px; height:38px; background-color:#f3f3f3; background:url(images/bghead.jpg); line-height: 40px; width: 100%; }
    
    #centerdiv{
    width:1030px;
    margin:0 auto;
    }
    Attached Thumbnails Attached Thumbnails divs not showing completely in menu-how-shows-some-windows-7-browsers.jpg   divs not showing completely in menu-should-.jpg  

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Posts
    173
    Thanks
    5
    Thanked 12 Times in 11 Posts
    You should make a list menu like this:

    Code:
    <ul>
     <li>Home</li>
     <li>About Us</li>
     <li>Our Services</li>
    </ul>
    and then attach the entire background to the ul tag, float the list items to the left and maybe give them some margin & padding. Woila.
    Last edited by nikee; 05-19-2010 at 09:06 PM.


  •  

    Posting Permissions

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