problem with navmenu ‘gap’

  • Hi there, I’m new to web design and have been trying to set up portfolio for my graphics and illustration.
    I currently have a problem with the display of my site, see example at:
    https://www.tribe-one.com/portfolio
    I would like to fill in the gap between the header and the narrow column with a white block 736px large, so there is no interruption between the two.
    This way, I can add a grphic image instead of trhe gray background and not have that anoying transparency around the nav menu.
    The original style css code I used was:

    #navmenu ul li {
    background-color: #FFFFFF;
    margin: 0;
    height: 200px;
    width: 100px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    display: inline;
    padding: 17px 15px 5px 20px
    }

    But I couldn’t work out how to get the white boxes around the the titles to merge into one big block.
    I have now replaced this code with this one:

    #navmenu ul li {
    list-style-type: none;
    list-style-image: none;
    float:left;
    font-weight:bold;
    letter-spacing:-1px;
    margin-bottom:3px;
    margin-left:11px;
    margin-right:4px;
    padding:5px;
    }

    And now it’s just transparent…
    Would be most greatfull if somone could help!
    Many thanks,
    Harry

Viewing 2 replies - 1 through 2 (of 2 total)
  • Cathy Mitchell

    (@multitalentedmommy)

    Hi there!

    Go up one division and style the navmenu.

    Something like this might work:

    #navmenu {
float:left;
display:block;
width:756px;
background-color:#fff;
}

    Let me know if you have any troubles with that.

    Cathy

    Thread Starter tribeone

    (@tribeone)

    Great! Thank u very much Cathy! Works fine.
    Thanks again, Harry

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘problem with navmenu ‘gap’’ is closed to new replies.