[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 417
  • Last Modified:

CSS issue in joomla, how to set smaller spacing between line

Hi
I am using a horizontal menu to the left
http://new.bogense-heldagsskole.dk/index.php?option=com_content&view=article&id=9&Itemid=11

Probem is that size of module is constant.
I need the distances between each of the top level menu links to be smaller.
Reason beeing that if not the last menu point falls outside when you hold mouse over.
I am using firebug, but not able to find the CSS settings for  the distance between the top level menu. If I can reduse the spacing with 25% It will all fit inside the menu windows
0
morten444
Asked:
morten444
1 Solution
 
DanielleFavreauCommented:
ul.art-vmenu a {
    cursor: pointer;
    display: block;
    height: 30px;

That "height: 30px;" reference is what's giving all the white space under the parent navigation items.  Reduce it to 24px, or ideally remove the height declaration all together, and use line-height (in ems) instead, and you'll get the desired effect.

That said, the most ideal situation is to make your left nav area flexible, if someone can't see the screen and uses CTRL-Scroll (on their mouse) to make the text bigger, your menu will get really messed up visually and will become unusable.  Something to think about.
0
 
Panagiotis Sweb developer - designer Commented:
try

ul.art-vmenu a:hover .l,ul.art-vmenu a:hover .m{top:-5px}
0
 
Dean OBrienCommented:
Did this solve your problem?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
morten444Author Commented:
Sorry, Been away. I will check this up over the next days and come back to you
Thanks for your answers so far

Regards
Morten
0
 
morten444Author Commented:
Sorry for delay
This did the magic

Thanks for your help
0
 
DanielleFavreauCommented:
Glad it worked.  Thank you for taking the time to review my answer.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now