SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2004
    Location
    UK
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Menu Items at the Same Width

    Hi all,

    Someone very kindly helped me with a CSS problem last week. They sorted the problem, but in the process they broke my menu. I have tried to fix it myself but unfortuantely I have failed.

    The page can be seen here. As you can see the menu items are not equal width. I am wondering if anyone knows why they are not and how it can be sorted?

    The CSS can be found here.

    Cheers

    SOL

  2. #2
    American't awestmoreland's Avatar
    Join Date
    Sep 2002
    Location
    Grand Rapids, MI
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi SOL,

    I can't access your pages at the moment. Maybe your server is turned off?

    It's not something as simple as the style="whatever" having been removed from your menu items is it?


    Andy
    From the English nation to a US location.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Change your styles to this:
    Code:
    #dvd-navbar {
     float: none;
     position:relative;
     background-color: #EFEFEF;
     width: 150px;
     border: 1px dashed #284F88;
     margin: 10px 0px 0px 0px;
     padding: 2px 6px 2px 6px;
    }
    #dvd-navbar ul {
     white-space: nowrap;
     display: list-item;
     list-style-type:none;
     margin-left: 0px;
     padding-left: 0px;
    }
    #dvd-navbar li {
     margin: 0px;
     padding: 0px;
    }
    #dvd-navbar a {
     float: none;
     border: 1px solid #284F88;
     margin:  5px 0px 5px 0px;
     text-align: center;
    	text-decoration : none;
     display:block;
     padding: 0px;
     width:100%;
    }
    #dvd-navbar a:link, #dvd-navbar a:visited, #dvd-navbar a:active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     text-decoration: none;
     color: #284F88;
     background-color: #DED9EC;
    }
    #dvd-navbar a:hover {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     text-decoration: none;
     color: #284F88;
     background-color: #FFFFFF;
    }
    /* dvd-login-info -------------------------------------*/
    #dvd-login-info {
     width: 150px;
     background-color: #EFEFEF;
     border: 1px dashed #284F88;
     padding: 2px 6px 2px 6px;
     margin: 10px 0px 10px 0px;
     text-align: center;
    }
    That will even the lists out. (You will still need to account for the broken box model in ie5/5.5 though.)

    Paul

  4. #4
    SitePoint Member
    Join Date
    Apr 2004
    Location
    UK
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks very much.

    SOL


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
  •