NAV Bar Text Alignment

[iSYTE]

Tweaking homepage (www.isyteimages.com). Trying to get Nav Bar text equally spaced across bottom of banner. Additionally, I would like to move the text and slide show closer to the banner. I'm stumped. Request any help. Many thanks in advance!:dunno :scratch

[Allen]

Tweaking homepage (www.isyteimages.com) (http://www.isyteimages.com%29). Trying to get Nav Bar text equally spaced across bottom of banner. Additionally, I would like to move the text and slide show closer to the banner. I'm stumped. Request any help. Many thanks in advance!:dunno :scratch
Here's part of the answer.

Width of 72 works for Firefox.
.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 14px; /* main buttons */
color: #e55202; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 72px; /* main box width */
height: 20px; /* main box height */
border: 0px solid red; /* start your design with borders on, easier to position DD's & FO's */
border-width: 0px 0px 0px 0px;
background: #000000; /* main button color */
padding-left: 18px;
line-height: 20px; /* positions text up/down in box */
}

[iSYTE]

Thanks Allen! I was changing each number set, one at a time and must have overlooked it.

Anyone have an idea on movement of the text closer to the nav bar? I've tried tweaking number sets within in the CSS portion of Advanced site customization and even tried adding some stuff in the bio box to no avail. Hope someone can set me on the path. Thanks in advance.

www.isyteimages.com

[Allen]

Thanks Allen! I was changing each number set, one at a time and must have overlooked it.

Anyone have an idea on movement of the text closer to the nav bar? I've tried tweaking number sets within in the CSS portion of Advanced site customization and even tried adding some stuff in the bio box to no avail. Hope someone can set me on the path. Thanks in advance.

www.isyteimages.com (http://www.isyteimages.com) This is about as close as I could reduce the gap. Change the red.
#my_banner {width: 750px;height: 100px;margin: 0 auto;
background: url(http://www.isyteimages.com/photos/760486357_FEhH7-L.jpg) no-repeat;}

.menu {
position: relative;
display: block;
z-index: 99;
padding: ; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu)*/
margin: 0 auto;
width: 630px;
left: 155px;
top: -30px;
} ... and add these to CSS

.homepage #breadcrumb {display: none;}

#userBio,
#bioBox .boxBottom,
.homepage {padding-top: 0 !important;}

[iSYTE]

So, as the tweaks continue, the problems compound. The links in the nav bar appear to have a mind of their own. When viewing the home page they appear to be evenly spaced. When clicking to another page via the links, the alignment is off. Additionally, the links are spaced differently depending on the browser. Is there a "catch all" code that will work on all browsers? Or does anyone have a recommendation on a different layout for my pages that would lead to consistency?

[Allen]

So, as the tweaks continue, the problems compound. The links in the nav bar appear to have a mind of their own. When viewing the home page they appear to be evenly spaced. When clicking to another page via the links, the alignment is off. Additionally, the links are spaced differently depending on the browser. Is there a "catch all" code that will work on all browsers? Or does anyone have a recommendation on a different layout for my pages that would lead to consistency?
Change the size in this to a pt and see if all pages and browsers look the same.

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 11pt !important; /* main buttons */
....

[iSYTE]

There was some change but the "buttons/links/text" still move around when going from page to page; at least in Safari. Any other suggestions?

[iSYTE]

So as I look at the problem more closely it has become apparent that the "buttons/links/text" shift only on the Portrait and "Just In" pages. These take the viewer to an actual photo gallery page unlike the Galleries/Contact/Home links. Could that be the issue? Is there a code fix?

In the interim, I am painstakingly reviewing all the posts regarding the nav bar.

Thoughts anyone?