Results 1 to 3 of 3

Thread: Solid Block menu

  1. #1
    Join Date
    Aug 2009
    Location
    London
    Posts
    93
    Thanks
    26
    Thanked 0 Times in 0 Posts

    Default Solid Block menu

    On the solid block menu:

    http://www.dynamicdrive.com/style/cs...id_block_menu/

    What amendments should I make to the code and css so that the menu does not extend past the last tab? (GALLERY in this case) So what you would be left with is just 6 tabs.

  2. #2
    Join Date
    Jul 2009
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i think u have to change the width % to the desired width in pixels. I think it should work.

    <style type="text/css">

    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */

    .solidblockmenu{
    margin: 0;
    padding: 0;
    float: left;
    font: bold 13px Arial;
    width: 100%; <---------------<<< change this to ur desired width in pixels.
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #625e00;
    border-width: 1px 0;
    background: black url(media/blockdefault.gif) center center repeat-x;
    .solidblockmenu li{
    display: inline;
    }

    .solidblockmenu li a{
    float: left;
    color: white;
    padding: 9px 11px;
    text-decoration: none;
    border-right: 1px solid white;
    }

    .solidblockmenu li a:visited{
    color: white;
    }

    .solidblockmenu li a:hover, .solidblockmenu li .current{
    color: white;
    background: transparent url(media/blockactive.gif) center center repeat-x;
    }

    </style>





    </style>

  3. #3
    Join Date
    Aug 2009
    Location
    London
    Posts
    93
    Thanks
    26
    Thanked 0 Times in 0 Posts

    Default

    Thanks for your reply.

    I tried altering the width, which changed things but I still couldn't achieve what I wanted.

    So I deleted WIDTH: 100%; This gave me precisely what I wanted, although it's probably not the correct way to do it. Also I don't know knock-on effect this might have with other CSS on my site

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
  •