Layout and ap div in Dreamweaver CC

where is the layout panel and where is the draw ap div button in Dreamweaver cc?
i hope it's hidden but not been taken away
help please

Gosh, does this take me back in time when I used to have the same reaction to the Validator. I also aired my frustrations in this forum especially when these idiots at the W3 consortium decided that using proprietary properties in an XHTML (Extensible -HTML) document was illegal. Nothing Extensible about that.
And why should I care about the ALT setting? Why should I care if blind people using screen readers cannot follow my document? Why should I care if Google doesn't include the gist of my site?
Now, many moons later and having had decent tutors - like the ones found here (even the bullish ones, Al) - to help me, I am now glad to have put that period behind me. I am a still-learning-webdeveloper and as such I can unequivocally tell you that placing markup before the BODY-tag is one of the worst mistakes one can make, more so when one notices that the said markup has not been closed properly.
Perhaps one does not realise that the BODY element is a wrapper and that the style rules that have been applied to the introduced wrapper can actually be applied to the BODY element. This will do away with the notion of I had to put the centering wrapper div tag called <div id="mainArea"> before the <body> tag.
It is great to read your statement " I'm not a web developer", this shows that you are willing to learn and believe it or not, we are altruistic enough to help you.
To start with, when styling a normal layout, there is no need to use position. The default value for position, static, allow elements to render in order, as they appear in the document flow.
I must admit that I have never come across a document that has had so many AP's and still function to some extent. This case negates the notion that one should not use AP's. But boy, have you made it hard on yourself, just have a look at the styles section. You have had to create a separate element for nearly every section of your document, a mind boggling exercise. Why go to this extent when it is so easy to create the same document with fewer style rules? Why not use classes instead of limiting ID's?
I could go on like this forever, suffice to say, welcome to the fold.

Similar Messages

Unable to draw AP Div from Insert Panel as described in Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver"

I tried to perform the draw AP Div from the Insert Panel as described within the Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver" but that option isn't available/visible from my most recent update t Dreamweaver CC. The only thing noticeable is that the instructor is using a Mac version of the software. Help!

CS4 is 6+ years old. A lot has changed in web standards and Dreamweaver since then.
APDivs were never a good or sensible way to make primary layouts. Today, they are downright impossible in Responsive web designs because content in APDivs is removed from the normal document flow. See links below for further details on why APDivs should be avoided.
http://www.apptools.com/examples/pagelayout101.php
http://css-tricks.com/css-beginner-mistakes-1/
If you're going to work with DW CC, you need to find tutorials to match your product version. CS6 is wildly different from CC and CC 2014.
Creating your first web site in DW CC-
https://helpx.adobe.com/dreamweaver/learn/tutorials/how-to/first-website-part1.html
Nancy O.

Part 04 - Creating and Importing Images | Classroom: Basic Site Layout and Navigation in Dreamweaver | Adobe TV

Learn how to create and prepare images to incorporate into your website design. Save them in web friendly JPG or PNG formats while maintaining a good balance between quality and small file size. Import them into Dreamweaver and make some initial adjustments to layout and alignment.
http://adobe.ly/zL64GN

This third lesson needs to be updated. The "ALIGN" buttons in Properties are now missing in CS6 because it's obsolete in HTML now...

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;

Abdelqader Alnobani wrote:
How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;
Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
<div class="gridContainer">
Top Code Section Goes Here
</div>

<div id="fullWidth">
Full width section goes here
</div>

<div class="gridContainer">
Bottom Code Section Goes Here
</div>

Having problems when aligning footer div and content div close together, in the browsers they are wi

My problem is when I paste text or paste anything in div tag. I have a container that contains everything. I have a content div that contains content. I also have a footer. When I align the footer at the end to content div which is in the container, it looks good until I look at it in a the different browsers, the content and footer are so wide apart. I've tried everything I could to make the browsers look as close as what I do in dreamweaver cs4. Is there a solution to this problem?
This is the link to page working on.
http://www.nlclv.org/truenewwebsite/html/doctrine.htm
The footer and content div are align very close in dreamweaver but very far apart in the browsers.
Also if you click on this link and click on calendar of events page you will see the samething.
Thanks for your help.

Absolutely positioned divisions are NOT a good primary layout method. Here's why:
http://www.apptools.com/examples/pagelayout101.php
You should use a CSS with default CSS positioning (which is no positioning at all). And then use margins, padding and floats to align elements on the page. Also, if you want the page height to flex to content (as it should), remove the height property from divisions containing text.
Something like this:
http://alt-web.com/TEMPLATES/2-col-fixed-flash-holder.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Slow FTP upload and click-and-draggable DIVs?

Does anyone know how to set Dreamweaver to only upload files that have been changed? I imported a site I created before with an old version of Front Page, and it takes a long time to upload because it's not only uploading a bunch of files that have not been changed prior. Front Page was a lot faster in uploading since it only uploaded changed files.
Also, does anyone know how to make a DIV click-and-draggable? When I create a new DIV, I can't seem to move it without altering the underlying HTML. An imported page allows me to click and move the DIV though.
Thanks in advance for the help!

I don't know the answer to your first question, but I can answer the second one.
Use the menu at the top, and chose Insert -> Layout Objects -> AP Div. This will put an ap div on the page. Click on it
then click on the blue handle on the upper left corner. Now drag it by the blue handle. The key is to drag by the handle.
I don't think this works on anything other than ap divs.

Hi I designed my website in Photoshop, sliced , and opened it in dreamweaver. I want a interactive s

Hi I designed my website in Photoshop, sliced , and opened it in dreamweaver. I want a interactive spry bar but when ever I try to insert it, I get gaps in my page.
Below is the complete code: http://www.coriemoment.com
<html>
<head>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>

<table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td colspan="6">
                              <img src="images/index_01.png" width="1280" height="220" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="220" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="4">
                              <img src="images/index_02.png" alt="" width="414" height="548"></td>
                    <td rowspan="3">
                              <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
                    <td colspan="3">
                              <img src="images/index_04.png" width="255" height="89" alt=""></td>
                    <td rowspan="4">
                              <img src="images/index_05.png" width="46" height="548" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="89" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/video_03-07.png" width="1" height="336" alt=""></td>
                    <td rowspan="3">
                              <img src="images/index_07.png" width="34" height="459" alt=""></td>
                    <td>
                              <script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
/*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
search: 'from:coriemoment OR to:coriemoment',
   /*this is the duration in terms of seconds*/
interval: 30000,
   /*this is the title you want on your tweets*/
title: 'Corie Tweets',
subject: 'Send us your comments',
   /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
width: 'auto',
height: 212,
theme: {
    shell: {
             /*this will change the background color of your tweetbox. It is currently yellow*/
            background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
      /*this will change the color of the text in your background*/
            color: 'fac935'
    tweets: {
             /*this will change the background color behind your tweets. It is currently white*/
            background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
       /*this will change the color of the text in your tweets. It is currently black*/
            color: '#000000',
       /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
            links: '#1985b5'
features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
}).render().start();
</script></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="302" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/index_09.png" width="220" height="157" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="34" alt=""></td>
          </tr>
          <tr>
                    <td colspan="2">
                              <img src="images/index_10.png" width="566" height="123" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="123" alt=""></td>
          </tr>
</table>

</body>
</html>

Very bad practice to just use image slices into your website.
Check out this tutorial to learn how to efficiently slice, dice and markup your design into an active HTML format - http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
Also, Spry - has been deprecated and is no longer officially supported by Adobe. http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Consider using a jQuery menu.
-Sudarshan

Problems controlling divs with dreamweaver cs4

Hi all, so I have been hard coding my website and have had great success with the layout and everything. I am having trouble with dreamweaver cs4, does anyone know if cs4 is compatible with html5? My silicone cupcake liners website looks great but a nice transition to dreamweaver would save a lot of work.

DWCS4 won't be able to correctly read the html5 semantic tags like <nav><aside> or <header> while in Live View. The built in version of the quasi-webkit browser is just too old.
Design View will work for the most part, but does get confused by certain things within HTML5 specific tags, so that will look even more broken than normal.
It also will not automatically generate any HTML5 specific code, there are no HTML5 menu options and there is no update to make it do that.
The program itself is no longer supported by Adobe, being the 5th version removed from "current"...
DWCC
DWCS6 Cloud
DWCS6 Disk
DWCS5.5
DWCS5
DWCS4

How to view semantic css based layouts in design view in dreamweaver?

Hi all,
I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
Any help would be great

Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

When I design with Muse and export as HTML Dreamweaver doesn't attach the style sheets. Any answers?

When I design with Muse and export as HTML Dreamweaver doesn't attach the style sheets when I open the files with Dreamweaver. Essentially when I design with Muse the files don't render the same with Dreamweaver. Is this a bug? Any work arounds?

Then you will have to install a local server and use live view. It's not that DW isn't rendering it or isn't attaching it, it's that Muse decided to use server-side processing to include it which is ok for a CMS practice when you are combining stylesheets for better caching, but it really isn't ideal for a single style sheet. This is a shortcoming of Muse and one of the reasons many professionals don't back the product at the moment. That and you can't actually buy Muse, so unless you are on a subscription you don't have it. It's trying to fill a void for those who don't want to invest in the professional design tools like Fireworks or Photoshop or Dreamweaver, but want a cross between them to make designs. If you have invested in the subscription though and want a better way to make layouts I highly recommend coding it yourself and using Fireworks or Photoshop to do the layout for you. There is an excellent tutorial on the devnet (3 parts) to show you how its done ( http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html ). Once you start using Fireworks or Photoshop you will realize just how limited Muse is in design.

Custom Page layout and related tmp files causing issues

Hello,
I am trying to create custom page layouts using Design Manager and then editing the html file using a text editor.
I have created a content type (inherited from Page content type) and used this content type for my page layout. I used the snippet manager to add relevant webpart zones and snippets I needed and published the page layout. Under status it shows conversion
successful but I can see another file with similar name to my page laout but with ~RF119c862.TMP being created.
Even if I publish my page layout my webparts (via snippets I added) doesn't reflect in the page. I checked the preview of my page layouts and webparts appear when it is in draft mode but the moment I publish it loses all snippets (webparts).
I checked the html even after the page layout is published and I can see all webpart zones, my divs and snippet code there, somehow once I publish it the corresponding aspx page doesn't get updated.
Has anybody come across this before, I'm trying this on Office 365 tenant site.
Regards,
Manoj
-- The opinions expressed here represent my own and not those of anybody else -- http://manojvnair.blogspot.com

I have seen a similar problem on-prem when a client had distributed cache misconfigured, but as your problem is with SPO, I doubt that is the problem.
Try creating another page layout but keep its associated content type untouched. Try adding snippets and such, publish and see what happens. If that works, then there must be something wrong with your custom content type.
Also, when you save a change to your .html page layout, open its associated aspx page layout in SPD and see if your changes were reflected there as well. As soon as your edit a html page layout and save your changes, SharePoint should automatically update
your aspx page layout right away.
Eric Overfield - PixelMill -
blog.pixelmill.com/ericoverfield -
@EricOverfield

Difference between null layout and absolutelayout

hello
I would like to know the difference between the null layout and the absolutelayout
thank you in advance

http://www.google.com/search?q=absolutelayout
Next time, please use the search yourself.Do I have to consider this as answer Yes.
notice that I asked for the difference between both
of the layout and not about
absolutelayout only Third link, advertised by
"I think AbsoluteLayout does more than just setting Layout to null. AbsoluteLayout may even accomodate for changes in font sizes etc. ..."
already should give you something to think about.
Furthermore, the search shows that there are several different classes named AbsoluteLayout (ADF, SWT, BUI, samskivert...), and you didn't specify which one you're talking about.
Still think this wasn't an answer?
I guess I should stop assuming that you have a brain of your own.

Can I mix Pages page layout and word processing together in one document?

Hello there ! I am quite new to Pages and I am desperate to learn as i want to get rid of everything being Microsoft
As you all know when you open Pages you can choose between page layout and word processing !
the thing is i thought that after using a page layout you could just go with word processing easily... well no, you can't, but i'm sure i'm missing something...
For exemple i really like the catalogue brochure and it would be perfect for me to start a project... but after a few pages, i can just add blank pages and if i want to type text, i have to add text boxes... i don't want that, I want word processing... and another thing in this brochure i can't add table of content because it is not by default in the template...
So my question is quite basic here, can we link Page layout and word processing without having to use text boxes and everything ?
Thanks in advance !
Have a good day

Alexander,
Welcome to Apple discussions.
The simple answer is no. What differentiates page layout from word processing mode is that the PL mode has no text layer. So everything that goes on the page must be an object of some kind. And any pages you add to a PL document must also be PL. You can't mix the two modes. One way around it is to start with a blank page, insert a text box, then stretch the box so that it covers the entire page. You can the type in it as if it were a text layer in a WP file. You can even capture that page so that you can add it automatically when you need it, or save it as a template.
As for building a Table of Contents, it appears that Pages only sees text styles that are on the text layer, which means it won't see styles that are in objects -- which means it won't work with a PL document. From being a long-time reader of this discussion group, I've noticed it's rare that someone wants to add a ToC to a PL document.
If you find that you're going to be mixing text and graphics, start with a word processing template. If you really like the Catalog Brochure, you could always copy some or all of its elements over to a blank WP template.
Hope this helps.
-Dennis

Can you help me with Page Layout and/or Design ideas for a software manual?

Greetings,
I am a new InDesign user, and am converting a software manual that I created in MS Word into InDesign. It will be converted to a pdf to view online. I have the basics (3 master pages, page numbers, running headers, 2column pages with text boxes on the left and screenshots on the right), but I want to make it look prettier. Could you please give me some ideas on page layout and/or design to make it look better or more creative?
A few things that I am considering: borders around screenshots, a watermark, a logo next to the page numbers, different size/type of fonts, etc.
I am open to any suggestions to make this look better. However, please understand that I am new to InDesign. With that being said, please tell me a few steps when you mention your tips. Thank you!

Take a look at a few websites on Cannons of Page Construction.
I think the best idea for you is to look at a few software manuals and take tips from how they accomplished the layouts.
I'm not saying to copy them - but rather see what works and doesn't work, what worked for them might not necessarily work for you - research some layouts.
Fonts/type/sizes etc. are pretty much ambigious without context - is this a software manual for kids (soft cuddly big fonts easy to read), technical (small, tight spacing etc), Adult friendly (smooth, crisp clear, well spaced), elderly (large elegant fonts).
It all really depends on your demographic audience.
Being new to InDesign I suggest you take up Sandy Cohens Quickstart Visual Guide.
I think you should look at Michael Murphys Book on Styles
And you should definitely get your printer (the guys bulk printing) the booklet for you on board from the start to work out optimal sizes to suit their printing presses and workflow etc. And to ensure that you are setup correctly in page sizes, margins, safe type areas, colour profiles and a few other things that your printers prepress can help you with.

I just got photoshop cc 2014 on windows 8.1 64 bit, and it starts up on the white layout and and whenever I start a project it is in a window? Also whenever I try to change on of these it does not save. I am using the trial

just got photoshop cc 2014 on windows 8.1 64 bit, and it starts up on the white layout and and whenever I start a project it is in a window? Also whenever I try to change on of these it does not save. I am using the trial. Basically nothing saves and it was all screwed up when I first got it.

Do a screen screen capture and post it here so we can see what you stating about a white layout...

Layout and ap div in Dreamweaver CC

Similar Messages

Maybe you are looking for