Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 356
  • Last Modified:

dw grid expanded layout view

I am new to grids.  So far they scare the crap out of me.  

I have a dw cs6 missing manual that recommends I expand the layout view from standard to expanded.   I have dw cs6 version 12.2.  How do I turn this on?

In particular, I need to locate the "insert fluid grid layout div tag" button.  The insert button doesn't give this option either.

Help please!
0
nsitedesigns
Asked:
nsitedesigns
  • 5
  • 3
1 Solution
 
nsitedesignsAuthor Commented:
p.s.  I know something is wrong because when i click on the "pre-inserted" div that is present from the get-go, it acts differently. I can click on this div and get the hide/duplicate/delete icons.  When I click on the divs I added, there are no icons that appear.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Which grid are you using?    I started out a long time ago using http://www.blueprintcss.org very simple.    But now primarily I use bootstrap and foundation.    When you say fluid, do you really mean fluid or responsive.    Both bootstrap and foundation are responsive meaning  items on the page can change based on the viewport.  Font sizes, div's hiding, appearing, stacking, images changing etc.  

Otherwise, grids are typically based on a certain amount of columns and from there it is paint by numbers.  If you  have a 12 column grid and the grid uses col-1 for 1/12 of the page, col-3 for 1/4th of the page, col-6 for half the page and col-12 for a full page you would end up with something like this for a full header and the body split in 2 columns.

<div id="container">
     <div id="header" class="col-12">I am the header</div>
     <div class="col-12">
          <div class="col-3">I am a narrow left side</div>
          <div class="col-9">I am a wider right side>
      </div>
</div> 

Open in new window

You don't have to go overboard on columns. If you have tabular data - keep that in a table.  Once you get the hang of it, you will hit your head for not using a grid sooner.

Try your best to get out of your comfort zone and type out your code in the codeview.  Go ahead and use the split view in dreamweaver so you can see what happens as you type.  But don't freak out if what you see in dreamweaver is not what you think it should be. Test in your browser.   As you break out of relying on the DW wizards, you will find  you can actually work faster and smarter.
0
 
nsitedesignsAuthor Commented:
I am using the fluid grid that is in DW.  They refer to it as fluid grid.  I just had a question as to where this icon is located that all text books (and youtube videos) say you should click on to get a new div.  It is in the expanded view but I cannot get the expanded view.  I think once I can find that, it will be easier.  

Thanks for the tips on the other programs you use.  I will have to check them out too.  But, since I have tons of books and really am comfortable with DW, I would really right now, just want to learn how to do it in an envrionment I am familiar with.
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
I am sorry I can't help more. I have DW5.5.  I can help with code, not with the software.
0
 
nsitedesignsAuthor Commented:
THanks anyways.
0
 
nsitedesignsAuthor Commented:
Just talked to adobe.  The newest version 12.2 eliminated the expanded view with this button. drat.
0
 
nsitedesignsAuthor Commented:
I will give points because the suggestion was good but it did not answer my original DW question.  Plus, points given for all the typing!  : )
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Thank you.  If it does not really answer the question, we can just un accept and delete the question.  

Look into using http://getbootstrap.com/.  You will spend a day of learning curve and playing but in the end it will much easier.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now