-
2. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
Nancy O. Dec 1, 2014 3:59 PM (in response to mayramoca33)You should NOT be adding any new divs at this stage in your project. That phase should have been completed before you Saved As a template. Once your template is created, it's all about adding content to the structure you previously made with FGLayouts.
Nancy O.
-
4. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
mayramoca33 Dec 1, 2014 5:48 PM (in response to Nancy O.)Nancy I understand what you have written. But sometimes when I am building a site new areas in different pages come up that I need to do. What could be solutions to this probelm try to create all possible options before the template is applied. For example 3 boxes or 2 boxes, etc... and then apply.
Thanks for the help
-
5. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
Nancy O. Dec 2, 2014 1:39 PM (in response to mayramoca33)Looks like you're using the latest version of CC 2014.1. That's why your UI is different.
Dreamweaver Help | New features summary
I'd say 80% of site prep goes into planning the layout CSS for all the pages in your site. If your preparation has been carefully planned, you should have everything you need for every possible layout requirement -- 1-column, 2-columns, 3-columns, etc...
I have a grid I work from that gives me as few as 1-div across and as many as 6. The beauty of this grid is that you can mix and match class elements as often as needed.
/** number of columns**/
.two, .three, .four, .five, .six {float:left}
.one { width: 100%; display:block }
.two { width: 50%; }
.three { width: 33.33%; }
.four { width: 25%; }
.five { width: 20% }
.six { width: 16.66% }
Hope that helps,
-
6. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
mayramoca33 Dec 3, 2014 3:42 AM (in response to Nancy O.)Nancy, Thank you so much. It is incredible how long it takes all of this to sink in. After your reply yesterday I had a serendipity moment and understood exactly what you are writing to me about.
This seems exactly what I need how do I set this up in the beginning? And for example .one is that a DIV? that you repeat I know it is a .class with a period in the beginning ?
/** number of columns**/
.two, .three, .four, .five, .six {float:left}
.one { width: 100%; display:block }
.two { width: 50%; }
.three { width: 33.33%; }
.four { width: 25%; }
.five { width: 20% }
.six { width: 16.66% }
Again Thank you so much for your time and wisdom.
Happy Holidays
-
7. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
Nancy O. Dec 3, 2014 10:03 AM (in response to mayramoca33)I use HTML5 tags. So those classes can be applied to any tag that semantically describes your content.
For example, <header>, <section>, <article>, <aside>, <figure>, <footer>, <div>, etc...
I use a separate external style sheet for my content styles. I prefer not to tamper with FluidGrid.css or Boilerplate.css.
Nancy O.
-
8. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
mayramoca33 Dec 3, 2014 10:43 AM (in response to Nancy O.)Such useful information thank you
-
9. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
mayramoca33 Dec 4, 2014 8:37 AM (in response to Nancy O.)Nancy so you keep the boilerplate and the fluid.ccs and create an additional external sheet.
So to that external .css sheet one you add again the media queries markup and then place all the content styles there?
@media only screen and (min-width: 481px) {}
@media only screen and (min-width: 769px) {}
And below what you do is that you create a six column grid. ?
/** number of columns**/
.two, .three, .four, .five, .six {float:left}
.one { width: 100%; display:block }
.two { width: 50%; }
.three { width: 33.33%; }
.four { width: 25%; }
.five { width: 20% }
.six { width: 16.66% }
-
10. Re: Dreamweaver arrow and duplicate, resize features are not showing up anymore on my boxes
Nancy O. Dec 4, 2014 9:45 AM (in response to mayramoca33)boilerplate.css = the CSS reset, nothing to change there.
fluidgrid.css = the responsive layout and media queries.
custom.css for backgrounds, typography, colors, etc...
print.css for printed pages.
I only use additional media queries in my custom.css if I need them for some extraordinary reason like to show/hide elements in certain devices. In the example below, I use a different banner in desktop, tablet and mobile.
This is my custom CSS
http://alt-web.com/FluidGrid/Content-4.css
Nancy O.





