Flexi CSS Layouts for Dreamweaver Forum


box Flexi CSS Layouts for Dreamweaver
Flexi CSS Layouts is a Dreamweaver Extension that helps you create browser compliant table-less web pages with ease. Unlike other products that are limited to templated CSS layouts with 1, 2 or 3 columns, with Flexi CSS Layouts for Dreamweaver you can build your own custom layout structure without coding.

Find out more about Flexi CSS Layouts for Dreamweaver

Thread: Problems adding CSS mega menu to show in Flexi layout

back
Add Post
title left
User Details
message
title right
Kris Sikes

post date:
2011-03-03 11:26:14

Im having trouble adding a menu with a drop-down and getting it to show up. It appears to just hide under the lower row.

What is there to do in order to fix this?

http://www.controlledautomation.com/nivo-slider/demo/nivo_test_1.html

Thanks
Andrei Rinciog [Extend Studio]

post date:
2011-03-04 09:57:25
Hello Kris,

You need to place the menu in a separate div with position absolute. Like this:


<!-- row_1 Content Starts Here -->
<div style="position:absolute; left:0; right:0; (position your menu using left and right)">
.... menu code ...

</div>
<!-- row_1 Content Ends Here -->


Regards,
Andrei Rinciog
Kris Sikes

post date:
2011-06-16 18:03:45
this just shoves my content down the page. Is there any way to just overlap the menu over the content of the page produced using Flexi CSS?

Also, after adding the suggested separate div code - Flexi Layout editor now give the error:

The following elements have invalid content! The layout may look broken in browser. Please check for unmatched <div>, </div> in the content tab of the following elements (they are marked with red in the tree structure) :

row_13, verticalnav

new page with the correction:
http://www.controlledautomation.com/nivo-slider/demo/indextest_6011.html

thanks for any help you can give...

Kris
Andrei Rinciog [Extend Studio]

post date:
2011-06-17 07:10:33
Hello Kris,

Could you please send me a copy of the page by email at support at extendstudio.com?

I will check it out and modify it so the code is correct.

Regards,
Andrei Rinciog
Kris Sikes

post date:
2011-06-17 15:51:14
email sent!

Thanks

Kris
Andrei Rinciog [Extend Studio]

post date:
2011-06-20 04:30:52
Hello Kris,

We received the files by email.

I will take a look at them and send you a reply later today.

Regards,
Andrei Rinciog
Andrei Rinciog [Extend Studio]

post date:
2011-06-21 09:07:56
Hello Kris,

Place an additional closing div tag before this comment:
<!-- End 3 columns container -->

You have only one </div> before that comment, you should have two. Like this:

</div>
</div>
<!-- End 3 columns container -->

Regards,
Andrei Rinciog
back
Add Post