"Navigation" List Indented... Any way to override this?

Posted by rjoy on June 1, 2007 at 10:06pm

This is my first drupal site, so I'm probably missing something simple. Is there a way to display the "navigation" menu (I have it in my sidebar) without having the wide left margin.

I managed to add my "secondary links" to my sidebar, and they are appearing as desired. But I can't figure out how to align the "navigation" links similarly.

You can see what I mean here (please don't mind the mess, this site has a long way to go):

http://ohiochristian.edu/dcms/prospects

The "Cost of Attendance" link in the sidebar is a secondary link, and "student blogs" is a "navigation" link. If you hover over each, you will see what I mean.

Any help would be greatly appreciated!

Comments

block unordered list

Posted by anthonylicari on June 1, 2007 at 10:34pm

You need to over ride the system.css which is giving that unordered list some padding on the left. Call that unordered list in your style.css and give it some padding of 0. It also has a division id of block-user-1 which might have some padding in it as well, I'm not sure. Either way you just need to over ride these default settings.

___
anthonylicari.com

hmmm...

Posted by rjoy on June 1, 2007 at 11:06pm

i really appreciate your response. i did get into the system.css, and was able to at least get rid of the list item bullet images. however, i couldn't eliminate that spacing. i did try the block-user-1 as well, with no luck :(

Any other suggestions are appreciated.

Try Float: Left

Posted by NancyDru on June 2, 2007 at 1:37am

Also look out for A tags and class=active, they could require additional CSS entries.

Nancy W.
Drupal Cookbook (for New Drupallers)
Adding Hidden Design or How To notes in your database

NancyDru

Get the firefox developer

Posted by dman on June 2, 2007 at 1:54am

Get the firefox developer toolbar and 'inspect element' to find where in the DOM tree and CSS patterns the margins are being set. It takes seconds to spot problems like this.
It your case, it was ".sidebar li a:active" in your own style.css (line 173)

Rather than play whack-a-mole with CSS however, you may try something like:

#block-user-1 li, #block-user-1 ul, #block-user-1 a{
  margin:0; padding:0;
}

to zero out both the drupal system settings and the browser defaults, then make it up from there.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

_{.dan. is the New Zealand Drupal Developer working on Government Web Standards}

Developer toolbar

Posted by anthonylicari on June 2, 2007 at 2:48am

Get the developer toolbar like dman recommended and I would also recommend the Firebug add on as well.

___
anthonylicari.com

Thanks!

Posted by rjoy on June 2, 2007 at 3:37am

Thanks very much for all of your responses. It was, in fact, my own css causing the problem; but it was my ".block" class, rather than .sidebar.

I downloaded the firefox dev toolbar, and that helped me isolate the issue. Thanks for the tip! ... and back to work I go.... :)