Probably a simple question... (aligning a menu using CSS)
But I'm not very good at CSS and such. So, I've created a layout that I like alot, but my menu I've been trying to be overlayed over an image, which is the background of a div, it's a text menu and i just can't figure out how to center and align it to the bottom. The link to the site is subfuscintent.com/layout.php.
The codes around the menu tag and header div are...
menu {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000;
}
div#header {
margin: 0 auto;
text-align: left;
background: url(http://www.subfuscintent.com/images/header.gif);
width: 659px;
height: 131px;
}any help would be sooo incredibly appreciated! thank you!!
demonhale posted this at 02:47 — 11th August 2006.
He has: 3,278 posts
Joined: May 2005
to align texts to the center and the bottom you can use
menu { text-align:center; margin-bottom:0px; }
to move it over to the top of every div then use z-index:2; like so:
menu { text-align:center; margin-bottom:0px; z-index:2; }
or assign a menu class over the Div ID....
Megan posted this at 13:12 — 11th August 2006.
She has: 11,421 posts
Joined: Jun 1999
Did you even look at what he's trying to do, demonhale??? Or did he change it since you posted?
So, what you want is the menu to align to the bottom of that image that's fading out there, right? The best way to do that would be to just add some padding to the top of the div so it pushes the text down to where you want it to be. Or did you fix it already? The message on the site says that it is???
Megan
Connect with us on Facebook!
Jack Michaelson posted this at 14:08 — 11th August 2006.
He has: 1,733 posts
Joined: Dec 1999
To me it looks like he fixed it, but forgot to say 'thank you'
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.