PDA

View Full Version : Nav Bar shifting when in Gallery


RBrogen
Mar-05-2009, 09:16 PM
My smugmug site is www.brogen.com (http://www.brogen.com) and my navbar works perfect until I get into a gallery. As soon as I go into a gallery where pictures are, the Private Galleries menu drops to 2 lines :scratch . Any help correcting this would be greatly appreciated. Thanks in advance.

Allen
Mar-06-2009, 06:40 AM
My smugmug site is www.brogen.com (http://www.brogen.com) and my navbar works perfect until I get into a gallery. As soon as I go into a gallery where pictures are, the Private Galleries menu drops to 2 lines :scratch . Any help correcting this would be greatly appreciated. Thanks in advance.
Change to an actual font size, the 1em is tracking the theme and it's different
for some themes.

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 10pt; /* main buttons */
color: white ; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 100px; /* main box width */
height: 20px; /* main box height */
border: 1px solid black; /* start your design with borders on, easier to position DD's & FO's */
border-width: 1px 1px 1px 1px;
background: #000; /* main button color */
padding-left: 5px;
line-height: 20px; /* positions text up/down in box */
}

RBrogen
Mar-06-2009, 07:42 AM
Change to an actual font size, the 1em is tracking the theme and it's different
for some themes.

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 10pt; /* main buttons */
color: white ; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 100px; /* main box width */
height: 20px; /* main box height */
border: 1px solid black; /* start your design with borders on, easier to position DD's & FO's */
border-width: 1px 1px 1px 1px;
background: #000; /* main button color */
padding-left: 5px;
line-height: 20px; /* positions text up/down in box */
}


Allan,

You ROCK! ... that was spot on. THANKS!