Originally Posted by jasontbedell
Thanks STB. I had to scale the header image and forgot that. I took up your suggestion on Firebug, but you're better than I.
Do you have any ideas on centering and stretching the page-menu bar? This is my last problem and then I'm done styling this site.
You're welcome. You made something really nice there.
About the menu, spreading the entries evenly ..
Normally you would take the full width, divide it by the # of tabs ..
For example: full menu width: 1101px / 9 tabs = 122px width per tab.
But you cant do that because "CLERESTORY PRESS" doesnt fit in 122px.
So you have 2 options
- shorten that entry to just "PRESS" and give all entries 122px width
- target each menu entry with the #ID, and manually set the width for each one
or alternatively .. set a default width for the entries, and manually set a custom width only for ones that you want to give a non-default width.
Also to keep things straight forward, make sure to remove all paddings and margins you currently have set for the menu entries. There is no use for them.
Finally, use a "white-space: nowrap;" css for the entries. That's the css equivalent of the <nobr> tag.
And.. not sure I'm better than you. All I know I learned by looking things up myself.
You can find almost anything on the internet with some searching.
Practice makes perfect really.