close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Use with Fluid Grid Layout?

Thread began 5/15/2012 1:01 pm by elevy388997 | Last modified 5/21/2012 3:13 pm by Jordan | 1872 views | 3 replies |

elevy388997Beta Tester

Use with Fluid Grid Layout?

I just upgraded to CS6 and I want to use it to its' fullest. How do I implement the new Fluid Grid Layout with the extensions? (I have data bridge and ecart as well) I've tried looking for tutorials but I guess it is too new for lengthy How-To's.

I figure I just make the layout using the fluid divs, add the backgrounds and styles via CSS then after I have everything setup, turn that into a template and use the extensions as I would any other template layout.

Is this correct?

Sign in to reply to this post

YellowCircleWeb

I think that should be correct. However, you should be aware that some of the extensions don't write the easiest to follow mark-up or CSS code (form builder I'm looking at you). When creating fluid grid layouts the default doc type is HTML5 - you can change this, but if you want to use HTML 5 and adhere to it's markup rules you'll need to do some fairly extensive work.

All fluid grid layouts really are is a set of media queries already embedded into a page.

You'll need to take the original css code generated by the extensions and then add in new values for the mobile/tablet devices yourself in the CSS file you create when choosing the fluid grid layout system. Making sites responsive is not a 5 minute job, its quite time consuming and you need to consider your CSS a lot more.

Hope this helps you.

Sign in to reply to this post

elevy388997Beta Tester

Thanks for the response. Seems I will have to read up more on HTML 5 before I do anything crazy.

Sign in to reply to this post

Jordan

Have a look at HTML5 Boilerplate. Download and play around with it and look on the website why they have done everything the way it is. That should give you a good insight to HTML5.

Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...