tpl_header.php file additions with html - wheres the css ?

[kitchen table legs]

Great, thanks. That worked.

Last question (for now) : The area that holds these links creates a huge gap between the header img and the rest of the page. Since my text is only 10 px tall, is it possible to shrink the area that holds it? I assume this entire area is the tpl_header. Is there a height set for this space?

Thanks again.

[kobra]

I assume this entire area is the tpl_header. Is there a height set for this space?

This is the file name and not the css tag for this.

Post a url to this page

[kitchen table legs]

oh, ok. the page is located at http://www.kitchentablelegs.com/shop

the area with the nav links under the main image is what i'm trying to adjust. thanks.

[kobra]

You will most likely have to define height for navMainWrapper and the headerWrapper and a background color for same will start to get you where you want to be. So find this:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

Seperate the header out so that it looks like this and you can add and adjust the height by adding a height entry but I would first define one for the navMainWrapper.

#headerWrapper {
        background-color: #000000;
	margin: 0em;
	padding: 0em;
        }

#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

You will most likely have to also add this:

#shopnav {
	color:#333333;
	font-size: 10px;
	text-align : left;
	vertical-align: middle;
a:visited:color: #333333; text-decoration: none;
a:hover: color: #333333;
a:active: color: #333333;
	background-color: #CCDDBB;
	}

[kitchen table legs]

Ok, I think I'm getting it. I was able to bring the main section of the page up, but I can't seem to find what is creating the gap. It seems like it is a buffer between the main logo image, top.gif, and everything under it. I can bring the sidebars and center section up, but I can't figure out what will bring my nav links directly below the main image. Is there a height setting I'm missing?

[kobra]

You really need to go over your css and look at some of the css tutorial sites as you have calls/entries that are now allowed

i.e.

#logoWrapper{
	background-image: url(../images/top.gif); align: center;
	background-repeat: no;
	background-color: #000000;
	height:250px;

There is no align center or no for repeat...
backround-repeat: none; is correct I would suspect that you have others
You also have place holders for things that you are not using like the tagline that are taking space up

[kitchen table legs]

Oh, thanks, I will definitely go through some of tutorials.
that background-repeat error was just laziness on my part, i should have done that correctly and put the alignment in the div.

i went ahead and removed the

#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: middle;
}

I don't really know what is in the code that is useless, since a lot of it came with the template.

Do you happen to know what would be the place holder beneath the #logowrapper that is created the gap before the #shopnav ?