You don't want to use display:inline, you want to use display:block on the anchor tags, then float the li tags.
Tony
CSS & Drupal Help
February 11, 2010 - 4:26pm
Horizontal menus
February 11, 2010 - 11:22pm
ok - i have learned that
ok - i have learned that using display:block works much better (don't really even understand difference between block and inline). What float do I use? left? or am I on a different page?
February 11, 2010 - 11:26pm
Ok - I've got them on the
Ok - I've got them on the same line, correct size, but now they have space in between them...
February 11, 2010 - 11:33pm
reply #3 - I've got them
reply #3 - I've got them working perfectly except that now they are stretching to overlay part of the banner as well. Seems to be my css padding that pushed the actual text down to the middle of the button.
Hey Guys,
I'm having trouble getting my menus to work correctly. I have an area where I want the primary links to print out. With one link it looked and worked great; however, when I added more menu items I realized that my menu was vertical rather than horizontal.
Now I cannot for the life of me figure out how to make it go across the top of the page how it is supposed to. Here's my problem:
I can use the "display:inline" tag to get the actual text links to display, but when I try to get the background picture to display correctly, it just shows behind the text and a few pixels out. If I leave out the "display:inline" tag, I can get the pictures and links to look correct, but orientation is vertical again.
I am converting a html/css template I purchased into a drupal template and it was going great until I hit this wall.
Here is the page where I am developing the site: http://www.hartzellgroup.com/nbbc
Here is the church's webpage as it is: http://www.newbeginningsconway.org
Thank you!
-Andrew-