MyBB Community Forums

http://athletikco.com

So I am trying to fix a theme I accidentally messed up, I tried editing something and by accident deleted some code. I have recovered most of it, but now I want to make the length of the #panel the same length and match up evenly as the #thead.

Keep in mind, the #headernav is labelled #dolphinnav, and it is a separate element from #panel.



My code for #panel, my headernav and thead are below.

Quote:#dolphinnav {
position:relative;height:33px;font-size:12px;font-color: #ffffff;text-shadow: 1px 0px 3px #35646c;text-transform:uppercase;font-weight:bold;border: 1px solid #111111;background:#111111 url(images/menu.gif) repeat-x bottom left;padding:0 0 0 20px;
}

#dolphinnav ul {
margin:0;padding:0;list-style-type:none;width:auto;float:left;
}

#dolphinnav ul li {
display:block;float:left;margin:0 1px;
}

#dolphinnav ul li a {
display:block;float:left;color:#ffffff;text-decoration:none;padding:0 0 0 20px;height:33px;
}

#dolphinnav ul li a span {
padding:12px 20px 0 0;height:21px;float:left;
}

#dolphinnav ul li a:hover {
color:#007bb2;background:transparent url(images/hover.gif) repeat-x bottom left;
}

#dolphinnav ul li a:hover span {
display:block;width:auto;cursor:pointer;
}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover {
color:#007bb2;background:#000 url(images/hover.gif) no-repeat top left;line-height:275%;
}

#dolphinnav ul li a.current span {
display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/hover.gif) no-repeat top right;height:33px;
}

Quote:#panel {
background: none repeat scroll 0 0 #252525;
border-bottom: 1px solid #444444;
width: 100%;
padding: 6px 0px 6px 0px;
color: #ccc;
font-family: tahoma;
font-size: 11px;
}

Quote:.thead {
background: url(images/killer/thead.jpg) repeat scroll 0 0 #111111;
color: #FFFFFF;
border-bottom: 2px solid #00547a;
font-family: Trebuchet MS,sans-serif;
font-size: 15px;
height: 43px;
max-height: 43px;
padding-left: 20px;
padding-right: 25px;
}