# CSS Menu alignment

**URL:** <https://discourse.softpress.com/t/css-menu-alignment/5384>\
**Category:** Freeway\
**Created:** [July 24, 2009, 2:21pm UTC](https://discourse.softpress.com/t/css-menu-alignment/5384 "2009-07-24T14:21:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Smith](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/m/f05b48/32.png) [@Mark\_Smith](https://discourse.softpress.com/u/Mark_Smith)\
**Post date:** [July 24, 2009, 2:21pm UTC](https://discourse.softpress.com/t/css-menu-alignment/5384/1 "2009-07-24T14:21:40Z")

</div>

I am having a problem with CSS menus in v5.4

First up it is difficult to align them horizontally so that they are flush up to each other (this was also a problem in previous versions but there was a workaround)

Next I have created 3 CSS menu items on the site below and if you hover the mouse from right to left you will notice that the hover color does not show up as soon as you hover over the link (this is especially noticeable when hovering over the “home” link which only shows at the extreme left of the html “box”.

Please can anyone help as this procect is nearing completion. I have tried reordering the items but this has had no effect. I have also made sure that none of the html items are overlapping (although in 5.3.2 this did not make any difference)

[http://www.mpscreative.co.uk/client\_test/index.html](http://www.mpscreative.co.uk/client_test/index.html)

Thanks

Mark

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![chuckamuck](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/c68b51/32.png) [@chuckamuck](https://discourse.softpress.com/u/chuckamuck)\
**Post date:** [July 24, 2009, 3:42pm UTC](https://discourse.softpress.com/t/css-menu-alignment/5384/2 "2009-07-24T15:42:56Z")

</div>

> First up it is difficult to align them horizontally so that they are flush up to each other…

Exactly how did you create these? If you made each menu a separate css object…that is why they won’t line up. The prescribed way to use the action is to create a single indented html list, then apply the CSS Menu action to it.

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [July 24, 2009, 8:59pm UTC](https://discourse.softpress.com/t/css-menu-alignment/5384/3 "2009-07-24T20:59:42Z")

</div>

Yes - it appears that each menu item is in its own div - particularly noticeable on the glossary page when rolling over Services/Domestic.

It also appears that you have not built this on a Master page (or not all pages are working from the Master) as the menu is not the same on all pages.

David

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Mark\_Smith](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/m/f05b48/32.png) [@Mark\_Smith](https://discourse.softpress.com/u/Mark_Smith)\
**Post date:** [July 25, 2009, 5:17am UTC](https://discourse.softpress.com/t/css-menu-alignment/5384/4 "2009-07-25T05:17:19Z")

</div>

Thanks for your replies guys; I’ll revisit this.

David; the reason the menus are not the same on each page is that I have been rebuilding the links since I updated to 5.4 and it is not yet finished. Eventually they will all be the same however I was under the impression that this action did not work on master pages. It has to be applied to each individual page? Has that changed?

Mark

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Mark\_Smith](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/m/f05b48/32.png) [@Mark\_Smith](https://discourse.softpress.com/u/Mark_Smith)\
**Post date:** [July 25, 2009, 5:33am UTC](https://discourse.softpress.com/t/css-menu-alignment/5384/5 "2009-07-25T05:33:56Z")

</div>

**Update**

Have just revisited and all is well! Thanks for your replies, I am now using the action correctly!!!

Mark

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [July 26, 2009, 10:47pm UTC](https://discourse.softpress.com/t/css-menu-alignment/5384/6 "2009-07-26T22:47:04Z")

</div>

> I was under the impression that this action did not work on master pages

Not true!

Apply to a Master page to propagate pages based on that Master to keep your Navigation consistent site-wide.

D

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)