Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Menu Writer › Too much space on last item in horizontal menu

Too much space on last item in horizontal menu

Thread began 3/27/2011 11:28 am by douvan45548 | Last modified 3/28/2011 10:41 am by Jason Byrnes | 1408 views | 5 replies |

3/27/2011 11:28 am | #1 douvan45548

Too much space on last item in horizontal menu

The last menu item in the horizontal menu is too large for the amount of text it contains. I’ve set the width to be 100%. All the other items look fine, just the last one on the right which has too much space.
How can this be fixed?

3/28/2011 7:21 am | #2 Jason ByrnesWebAssist

please send a link where i can see the problem .

3/28/2011 9:27 am | #3 douvan45548

Industry-Links.html

3/28/2011 9:45 am | #4 Jason ByrnesWebAssist

to constrain the width of the menu item to size of the text automatically, need to set the width to auto instead of 100% on the anchor tag:
width: auto;

be forewarned however that his is not compatible in IE 6 or 7.

the fix for this is to add an inline style to set the width of each anchor individually:
<a href="http://www.scsconsultinggroup.com/test2011/index.html" class="link" style="width:40px;">Home</a>

3/28/2011 10:36 am | #5 douvan45548

Thanks Jason,

That was my fix also. I guess I was hoping for something more magical.

3/28/2011 10:41 am | #6 Jason ByrnesWebAssist

sorry, the magic dries up when you start taking IE into account.....

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.