PDA

View Full Version : Navbar issue


combs
21 Jul 2010, 18:48
any idea what could be causing this to happen?

http://img408.imageshack.us/img408/1156/capturevuq.png

I can't figure it out. It expends a few px over to the right where it should be as well.

Thanks so much for any help! It will be really appreciated!

P.S There is this code in the additional.css code which I think is relevant. I've tried changing the 100% size to a multiple type of things and it only effects how far right it goes, and not the left side which is pictured.

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
background:url(images/bqh/navBG.gif) repeat-x top left;
position:relative;
height:62px;
font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
color:#f0f9ff;
width:100%;
}
.navLeft {
background:url(images/bqh/navLeft.gif) no-repeat top left;
height:62px;
}
.navRight {
background:url(images/bqh/navRight.gif) no-repeat top right;
height:62px;
padding:0 8px;
}
#navtabs li.selected ul.floatcontainer {
margin-top:1px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
line-height:26px;
height:26px;
}
.navbar a { color:#f0f9ff; }
.navbar a:hover { color:#cfe1ec; }

.navtabs ul li:first-child {
text-indent: 23px;
}
.navtabs {
padding-left:0;
}
.navtabs ul {
position:absolute;
top:35px;
left:0px;
width:100%;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:left;
padding-right:2px;
background:url(images/bqh/navSplit.gif) no-repeat top right;
}
.navtabs li li {
background:none;
}

.navtabs ul li {
border-right: 0;
position: relative;
}
.navtabs li a {
height:35px;
line-height:35px;
}
.navtabs li a.navtab {
display:block;
min-width:60px;
width:auto !important;
width:60px;
_min-width:75px;
_width:auto !important;
_width:75px;
text-align:center;
color:#f0f9ff;
font-size:14px;
text-decoration:none;
line-height:35px;
height:35px;
padding:0 10px;
font-weight:400;
text-transform:uppercase;
}
.navtabs li a.navtab:hover {
background:url(images/bqh/navBG_hover.gif) repeat-x top left;
color:#cfe1ec;
}
.navtabs li.selected {
color:#cfe1ec;
height:35px;
}
.navtabs li.selected a.navtab {
color:#cfe1ec;
position:relative;
top:-px;
padding-top:px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
line-height:26px;
}
.navtabs li.selected li a {
color:#c0d0b9;
padding:2px 5px;
}

.navbar_advanced_search li {
height: 26px;
display:block;
clear:both;
}

.navbar_advanced_search li a {
color:#f0f9ff;
}

.navbar_advanced_search li a:hover {
color:#cfe1ec;
text-decoration:none;
}

.navtabs li.selected li a:hover {
color:#fff;
text-decoration:none;
}

.navtabs li.selected .popupbody li > a {
padding:0px 10px;
text-indent: 0;
color: rgb(0, 0, 0);
}

.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid 1px transparent;
_border: none;
background:transparent url(images/bqh/misc/arrow.png) no-repeat right center;
padding-right:15px;
_background-image:url(images/bqh/misc/arrow.gif');
color:#c0d0b9;
}

.navtabs li.selected li a:hover.popupctrl {
color:#fff;
}

Qwk86gn
22 Jul 2010, 02:54
Check StyleVar: navbar_padding

Change the "left" padding to 0