# \[Pro\] Dropline Menus

**URL:** <https://discourse.softpress.com/t/pro-dropline-menus/8732>\
**Category:** Freeway\
**Created:** [September 6, 2010, 11:25am UTC](https://discourse.softpress.com/t/pro-dropline-menus/8732 "2010-09-06T11:25:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Colm\_Tuite](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/b5e925/32.png) [@Colm\_Tuite](https://discourse.softpress.com/u/Colm_Tuite)\
**Post date:** [September 6, 2010, 11:25am UTC](https://discourse.softpress.com/t/pro-dropline-menus/8732/1 "2010-09-06T11:25:35Z")

</div>

Hey guys,

Just wondering if it’s possible to make a dropline menu in Freeway? Where instead of a typical drop-down menu, the sub-menu would appear above the main menu in a horizontal line.

It would be awesome if this is possible with Pure CSS and with a nice fade too? Or even a sliding doors effect?

Cheers,  
Colm

* * *

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:** [September 8, 2010, 5:38pm UTC](https://discourse.softpress.com/t/pro-dropline-menus/8732/2 "2010-09-08T17:38:06Z")

</div>

It’s possible. One way would be using the show/hide effect method with two separate CSS menus. The other way would be doing the CSS styling the long hand way via the Editor with custom style settings on a single list.

There are some good examples of the long hand way available on CSSplay web site [http://www.cssplay.co.uk/](http://www.cssplay.co.uk/)

Just look under the Menus section.

* * *

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

---

<div class="post-metadata">

**Author:** ![DTP2](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/9f8e36/32.png) [@DTP2](https://discourse.softpress.com/u/DTP2)\
**Post date:** [September 8, 2010, 6:26pm UTC](https://discourse.softpress.com/t/pro-dropline-menus/8732/3 "2010-09-08T18:26:47Z")

</div>

Check out this website. Maybe this can help. [CSS3 Menu. Free CSS Menu Maker](http://www.css3menu.com/index.html)

* * *

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

---

<div class="post-metadata">

**Author:** ![Colm\_Tuite](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/b5e925/32.png) [@Colm\_Tuite](https://discourse.softpress.com/u/Colm_Tuite)\
**Post date:** [September 10, 2010, 1:47pm UTC](https://discourse.softpress.com/t/pro-dropline-menus/8732/4 "2010-09-10T13:47:56Z")

</div>

Thanks for the link, I got it working with that code. Just tweaked it all to suit my site.

Out of interest, can you elaborate more on your method please Chuckamuck? So far I have 4 graphic items, with a rollover effect applied to each. Above these graphics I have 4 HTML boxes which are shown and hidden by the rollovers.

The problem is, because the HTML boxe aren’t linked by a menu to the graphics, when I move the mouse off the graphic text, the HTML boxes hide again. What am I doing wrong?

* * *

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