Putting "Primary Links" Into a Box
April 5, 2007 - 8:16pm
What I see....
Yo Antikx...
Here's what I see:
First, this is off your question, but as a designer I gotta pipe up. The first thing I would do would be to cut WAY down on the number of links you have in this menu. A primary links menu should be just that: Primary. I'd suggest you determine the 5-6 most important menu items and put them in there...and make them bigger. Then take the rest and make a secondary menu elsewhere.....ok, that's my rant.
The reason you can't get your menu width to match your content width is because they're in different size containers. Your div with the class "navlinks" has no set width...this means it will span the entire width of the page. On the other hand, all your content is in a table with the id "content". (don't make me smack you for using a theme with tables in it...grrrrrr :) ) With quick look, I can see that the right side of that table (id "main") is set at 500px...and then the .block class is set to be a width of 180px. So, not including your padding and margins (i'm not gonna do the math) you're around 700px wide for that table.
So, you wanna set your navlinks class to that same width...Then they will expand to the same width as the content.
Now, granted, this is after looking at your site for 10 seconds...if I look longer, I may see more...but that would be a basic solution to what you're trying to achieve.
An overall solution to look into also is setting a 'wrapper' div to contain your entire page. So, it would be a div that starts at just below your body and ends just before your /body. Then, set a width on that to, say, 900px. Then no matter what, nothing on your page will go over 900px wide...that's a general feature I put in all my designs to keep things contained all in one box.
-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com
Hello,
I recently move to the Chameleon theme on my site: www.tyrannozaurus.com
From chatting with MF about how I could tweak it, he recommended putting the Primary Links in a box.
I had previously posted at druapl.org about it: http://drupal.org/node/131782
I tried the suggestion of putting this:
.primary {width: 80%;
}
into my style.css
That works great if your browser is maximized on a screen that 1024x768. :)
I've tried using pixels instead of percentage, but that does a real number on the width of the content field.
This might be a Rob question, but is there a better way?
P.S. Rob, please don't stop helping your wife breath deeply through delivery to answer this question. ;)
-Antikx