PDA

View Full Version : Header is blocking my nav bar...


Schuyler83
Oct-18-2006, 07:12 PM
My header is blocking my nav bar... how do i move my nav bar down? Anyone have any suggestions?

ivar
Oct-19-2006, 02:47 AM
My header is blocking my nav bar... how do i move my nav bar down? Anyone have any suggestions?What browser are you using? I don't see it blocking your navbar? (IE and FF) Or did you fix it already?

Schuyler83
Oct-19-2006, 06:22 AM
What browser are you using? I don't see it blocking your navbar? (IE and FF) Or did you fix it already?

i'm sorry i should have put my other site in here...
www.emeraldbaypools.smugmug.com (http://www.emeraldbaypools.smugmug.com)

ivar
Oct-19-2006, 07:37 AM
i'm sorry i should have put my other site in here...
www.emeraldbaypools.smugmug.com (http://www.emeraldbaypools.smugmug.com)Check again :wink

There seems to be another problem aswell as it's not centered exactly?

Schuyler83
Oct-19-2006, 07:38 AM
Check again :wink

There seems to be another problem aswell as it's not centered exactly?

Awesome! Thanks!
yeah i can't seem to get it centered :scratch

ivar
Oct-19-2006, 07:49 AM
Awesome! Thanks!
yeah i can't seem to get it centered :scratchI'm going to tell you something here that is going to save you alot of work :wink

CSS stands for Cascading Style Sheets (it Cascades)

So this:
.menu {
width: XXpx;
height: XX px;
margin: Xpx;
color: black;
background-color: white;
}

.homepage .menu {
width: XXpx;
height: XX px;
margin: Xpx;
color: black;
background-color: red;
} where red is the only difference, can actually be replaced by this:
.menu {
width: XXpx;
height: XX px;
margin: Xpx;
color: black;
background-color: white;
}

.homepage .menu {
background-color: red;
}and it wil have the same effect :thumb

Schuyler83
Oct-19-2006, 09:43 AM
I'm going to tell you something here that is going to save you alot of work :wink

CSS stands for Cascading Style Sheets (it Cascades)

So this:
.menu {
width: XXpx;
height: XX px;
margin: Xpx;
color: black;
background-color: white;
}

.homepage .menu {
width: XXpx;
height: XX px;
margin: Xpx;
color: black;
background-color: red;
} where red is the only difference, can actually be replaced by this:
.menu {
width: XXpx;
height: XX px;
margin: Xpx;
color: black;
background-color: white;
}

.homepage .menu {
background-color: red;
}and it wil have the same effect :thumb

Saving time is always a plus ;) Thanks!
I still can't get it centered though... what am I doing wrong? LOL