Skip navigation
Currently Being Moderated

Fluid Grid gutter issues

Sep 17, 2013 9:16 AM

In order to use the new fluid grid features you must set a gutter for the columns. This makes styling a pain unless I'm missing something. You end up with this:

 

Screen Shot 2013-09-17 at 9.06.54 AM.png

I want to add some background gradients to separate column 1 and two. With a standard layout I'm not faced with the gutters revealing the content background between elements.

 

Are there any work around's for this? I can build the fluid layout manually but then I loose the really nifty ability to just click and drag elements around visually in Dreamweaver's Design view.

 

Thanks.

 
Replies
  • Currently Being Moderated
    Sep 18, 2013 11:50 AM   in reply to Rick Gerard

    FGrid Layouts are a good jump start for creating Responsive Layouts. But you must accept their limitations if you want to drag divs around the screen.

     

    Use them for the basic layout creation process.  Once you're completely satisfied with the basic layouts, you can manually edit code (if you must) to remove the gutter margins.  And use a separate style sheet for your content.

     

    If/when you grow exasperated with the limitations imposed by FGLayouts, there are several other frameworks & extensions to try.

     

    DMX Zone's Bootstrap *Free Extension for DW*

    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/

     

    Project Seven's Page Packs *commercial CSS Templates*

    http://www.projectseven.com/products/templates/index.htm

     

    Foundation Zurb

    http://foundation.zurb.com/templates.php

     

    Skeleton Boilerplate

    http://www.getskeleton.com/

     

    Initializr (HTML5 Boilerplate, Responsive or Bootstrap)

    http://www.initializr.com/

    I wish there was a better arrangement for generating faux columns and controlling the background of each div.

    Equal Height Columns Script:

    http://www.projectseven.com/tutorials/css/pvii_columns/index.htm

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 27, 2013 1:26 AM   in reply to Rick Gerard

    Hello Rick,

     

    At DMXzone we just released our DMXzone Database Connector! Now you can finally access your databases with very powerful new technology combining the easy data binding on your page with the HTML5 Data Binding extension and instant, but sophisticated Database Access!

     

    A great replacement of the old server behaviors technology to create new dynamic web apps built the Ajax way!

     

    The Database Connector features a great Database Connection Wizard, fully visual Query Builder to make your work a breeze.

     

    It is available for PHP and ASP and the PHP Version is PDO based!

     

    For PHP see http://www.dmxzone.com/go/22072/dmxzone-database-connector-php

    for ASP : http://www.dmxzone.com/go/22084/dmxzone-database-connector-asp

     

    You will also need the free HTML5 Data Bindings extension:

    http://www.dmxzone.com/go/21863/html5-data-bindings

     

    Welcome to the next chapter of Dreamweaver history - building dynamic, data oriented web apps in a new whole new way!

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points