Move NavMainWrapper

[Pablosan]

Is there a way to move #NavMainWrapper ( home, account, search e.t.c ) down a bit so it overlays the header in the rectangle there ( still under construction and will be it seems )

http://www.estore.haskellgraphics.com/

Thanks guys.

[gjh42]

I would suggest cutting the rectangle off of the logo image and using it as a background-image in #navMainWrapper. Be sure to shrink the height of the logo appropriately, too, in any place it is defined.

[Pablosan]

Ok I can do that.

But I have no idea how to place the wrapper in the top of the logo, so it is part of it. So the buttons and search box are in the logo.

Is there a way to shift thier position down to fit in?

Can that be done?

Thanks again.

[gjh42]

If the navbar (links) is part of the logo (link), how will it know where to go when someone clicks?

What I am suggesting is to give you the same appearance of blue boxes, with the upper section being the background for the navbar. In appearance, the navbar will move down onto the logo background as you have it now, but it will retain its own functionality. The clickable logo area will shrink to clear the new navbar location.

[Pablosan]

Ok I understand now.

Ok I cut out the top of the header, then cropped the header to make room.

Uploaded both and added backgroundimage here:

#navMainWrapper,  {
    margin: 0em;
    background-color: transparent;
    background-image: url(../haskellgraphics/images/NavCat_BG.jpg)
    font-weight: bold;
    color: #ffffff;
    height: 1%;
    width: 100%;
    }

But I still got nothing.

I'm just guessing on how to edit the css honestly.

[gjh42]

You are missing a semicolon at the end of this line:

background-image: url(../haskellgraphics/images/NavCat_BG.jpg)

[Pablosan]

#navMainWrapper,  {
    margin: 0em;
    background-color: transparent;
    background-image: url(../haskellgraphics/images/NavCat_BG.jpg);
    font-weight: bold;
    color: #ffffff;
    height: 1%;
    width: 100%;
    }

Still nothing. I even tried just changind the background color to that of the header.

And that didn't take. Starting to wonder....

[Pablosan]

Got it it was the comma, I had seperated it from some other stuff and left the comma and I added a margin

#navMainWrapper  {
    /*margin: 0em; */
    margin-top: 1.5em;
    background-color: transparent;
    background-image: url(../images/NavCat_BG.jpg);
    font-weight: bold;
    color: #ffffff;
    height: 1%;
    width: 100%;
    }

Thanks man. I appreciate your help

[gjh42]

Odd... I can't get the navbar to do anything either. Unfortunately, I need to get to bed so can't help more right now. Good luck!

Ah ok! Good work. Getting tired and didn't notice the comma.