Jump to content

CSS Menu layout help!

Recommended Posts

I am new to CSS and I am trying to make my menu stretch 959pixles. My website is centered in the page and is 959px wide. My menu is on the right but i can't get it to stretch all the way to the left side. i want everything to be evenly proportioned, with no spaces. but i can't seem to get it to work. Any help would appreciated!My CSS code is bellow:#menu {position: absolute;top: 219px;right: 1px;z-index:99}#menu > li {float: left; margin: 0 0 0 0px; position:relative}#menu > li > a {background: url(images/menu-span.gif) repeat-x 0% 0%;display: inline-block;height: 38px;line-height: 28px;overflow: hidden;font-size: 1.333em;font-weight: bold;text-decoration: none;color: #636464;}#menu > li > a span {background: url(images/menu-left.gif) no-repeat 0% 0%;display: inline-block;}#menu > li > a span span {background: url(images/menu-right.gif) no-repeat 100% 0%;display: inline-block;height: 29px;overflow: hidden;padding: 0 15px 0 15px;}#menu > li:hover > a {cursor: pointer;color: #2b8eb8;}#menu > li.act > a {color: #2b8eb8;}#menu .submenu_1{ position:absolute; top:37px; left:0; width:229px;}#menu .box_menu{ background:#363636;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:relative; padding:4px 0;}#menu .submenu_1 li{ position:relative; border-bottom:1px solid #313131; line-height:32px;}#menu .submenu_1 .end{ border:none}#menu .submenu_1 li a{ padding-left:27px; font:14px Georgia, "Times New Roman", Times, serif; color:#888e94; line-height:32px; background:url(images/menu_marker.gif) 15px 13px no-repeat; display:block; text-decoration:none}#menu .submenu_1 li:hover > a{ background-position:15px -20px; color:#47c0ef}#menu .submenu_2{ position:absolute; top:-4px; left:230px; width:229px;}#menu div{ display:none}

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...