• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 254
  • Last Modified:

Verticle image menu with horizontally overlapping mouseover points

I have been handed a design to code which has stumped me a bit: the main menu is a verticle list of words, but the eords have very little space between them so the tops of T's and the tails of Y's ( for example) are on the same horizontal plane as the button above (or below).  

Look forward to comments,
I have to cater for mouseover states and active state.  My initial thoughts are to implement in flash - but can this be done successfully with images and javascript/ map areas?
1 Solution
Yea, it can be done with images and map areas.
Is there a reason there is so little space? It woudl seem that the simple solution would be to give that couple of extra pixels space that would be needed to avoit the problem alltogether.
You don't need either images or mapareas for mouse over.  If it is just words, then use this


UL  {margin:0px; padding:0px; }
LI  {margin:0px; padding:0px; }


  <LI>first menu item</LI>
  <LI>second menu item</LI>

that should eliminate most of the spacing between the lines.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

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