PDA

View Full Version : Spry Wrapping Help


morris31
11-09-2011, 04:17 PM
I am fairly new to using spry and CSS and unable to get my spry menu bar to look quite right. I would really like to have the color extend out to the edges of the section of the template its in.

My CSS looks like this:

ul.MenuBarHorizontal
{
list-style-type: none;
font-size: 100%;
cursor: default;
width: 71em;
text-align: center;
padding: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
border-right-width: 0px;
border-left-width: 10px;
border-top-color: #5C6E92;
border-right-color: #5C6E92;
border-bottom-color: #5C6E92;
border-left-color: #5C6E92;
}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
margin: auto;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 6.9em;
float: left;
font-family: Arial, Helvetica, sans-serif;
color: #7887AB;
background-color: #7887AB;

No matter what I change the width to the size stays the same unless I make it really small then it really gets screwed up.

Thanks for any help for the noob.

DWcourse
11-10-2011, 04:06 AM
A link would help.

morris31
11-11-2011, 04:48 AM
http://www.oakair.com/index-new.html

I just want the main spry nav bar to be a single line with no "dead" space on either side.

thanks