SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    Finland
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS menu problem

    Consider this site: www.sunsetgrill.net/tmp/hogst/

    This is the second only site I've built entirely in CSS, and much more complex than the first one. It's for a local high school, and it's a freebie. It's also in Swedish, so you might not understand too much of the content.

    Anyhoo, my problem is with the menu in the sidebar, and it's all to do with spacing (or lack thereof). There are three problems.

    1) If you look, the bars for the links have a slight space between them, which they're not supposed to.

    2) I can't get the text vertically centered in the bar.

    3) I can't get the bar image to stretch all the way to the right edge of the sidebar. No matter how I try, it always leaves a space. I probably have a stray padding/margin somewhere, but buggered if I can find it.

    Any helpful hints kindly appreciated. The CSS file is here: www.sunsetgrill.net/tmp/hogst/styles.css - it's a mess, I know.

    Cheers!

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

    This solves 2 of your problems I'm just looking for the third one now.

    Code:
    #sidebar li {
      margin: 0px;
      padding: 0px;
      background:url(http://www.sunsetgrill.net/tmp/hogst/images/menu_bg.gif) repeat-x top left;
      height:26px;
      line-height:26px;
      }
    #sidebar li a {
    display:block;
    text-decoration: none;
    padding: 0em 0em 0em 0.7em;
    margin: 0px ;
    border-left: 5px solid #CC6600;
    height:100%;
    border-bottom: 1px solid #D1CAB0;
    }
    Paul

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

    Code:
    * html #sidebar {margin-right:-3px}/*ie 3 pixel jog*/
    #content {
     background:#ffffcc;
     color: #333333;
     border:solid #000000; 
     border-width:0px 0px 0px 1px;
     text-align:left;
     min-height: 400px;
     height: auto;
     width: 547px;/*you had wrong width here*/
     margin:0px;
    }
    Paul

  4. #4
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    Finland
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul, you are quite possibly the most fantastic person I know! Huge thanks!

    ~Jens


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
  •