PDA

View Full Version : Navbar help


Desireemarie
Jul-07-2007, 06:53 PM
Why can't I get my navbar to be completely center? What should I tweak the width to be?? Why is it that the word photography in my navbar gets smaller when other menus are clicked on? Its just kind of annoying... Any help is greatly appreciated!!!

Allen
Jul-07-2007, 09:08 PM
Why can't I get my navbar to be completely center? What should I tweak the width to be?? Why is it that the word photography in my navbar gets smaller when other menus are clicked on? Its just kind of annoying... Any help is greatly appreciated!!!

Play with this width to center.
.menu {
position:relative;
display:block;
z-index:99;
padding: 5px 0px 5px 0px; /* spacing around menu - top right bottom left */
height: 27px; /* menu container (div .menu) */
width: 820px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
margin: 0 auto; /* this should center navbar, if not tweak with left's below */
}

here's the major problem
change the width from 15 to 105
.menu ul li a,
.menu ul li a:visited {
display:block;
font-size:..80em; /* main buttons */
color: #ffffff; /* main buttons text non-hover*/
text-decoration:none;
text-align:center; /* centers text in buttons */
width: 105px; /* main box width */
height: 20px; /* main box height */
bor der: 1px solid red; /* start your design with borders on, easier to position DD's & FO's */
border-width: 1px 1px 1px 1px;
background: #000000; /* main button color */
padding-left: 10px;
line-height: 20px; /* positions text up/down in box */
}

add the red }
/* ADD TO HIDE EXTRA LEVELS */
/* make the 2nd level visible when
hover on 1st level list OR link */
.menu ul a:hover ul, /* IE */
.menu ul:hover ul { /* FF */
visibility:visible;
}

add the red }
.gallery_2489948 .pageNav {
display: none;
}

This stuff not right. maybe have to have periods in front of each
button { font: 300 italic "cursive", sans-serif }

menu { font: 300 italic "cursive", sans-serif }

message-box { font: 300 italic "cursive", sans-serif }

caption { font: 300 italic "cursive", sans-serif }