Dreamweaver cs5.5 - div tags don't float next to eachother

Similar Questions

• How to create a (class dot Tag without spaces) tag.class via the window of Dreamweaver CS5 rule.

  How to create a tag.class via the window of Dreamweaver CS5 rule.  I want to create a class that affects a specific tag.  I can for this use the code window, but I'm trying to use the Style CSS window.  The tag that I create is 'ul.navbar.  I was able to be machined, but I get "ul .navbar", note the space between L and the period.  I want to remove the space and just create "ul.navbar", without having to rename.  The code will appear as:

  ul.navbar {
  position: absolute;
  width: 9em;
  left: 1em;
  top: 2em;
  list-style-type: none;
  }
  The question is perhaps more base on my understanding of CSS rather than Dreamweaver, if yes, I'm sorry.  I'm just starting to work with CSS.
  Thanks for your help.

  My point is that this is not the best way for the style of this element of the page in most cases.  However, if you create a rule made up, you can enter "ul.navbar" directly in the selector name field.

  Don't overuse of classes.  They confuse you in just a few weeks after you have modified looked at the site.

• Dreamweaver. Is it possible to have AP div tags in a fluid Grid Layout Div?

  I am putting together a site with a very basic page layout; some titles at the top, each placed in an AP Div, with images below.  But I would use the fluid Grid Layout Div so that the positioning of the change of flags AP div on mobile devices.

  I can't figure out how to do so that the AP div inside my fluid Grid Layout Divs tags

  Thank you

  1. forget the AP Div they are of very little use and can only be deployed in a sensitive site with care (and knowledge).

  2 forget the fluid grid layouts, they are not sufficiently stable.

  That being said, take a look at create a responsive Web design in Dreamweaver | Adobe Dreamweaver tutorials CC and Bootstrap 3 tutorial

• CF10 CFML Tags, functions and attributes in Dreamweaver CS5.5 autofill

  We have 10 Coldfusion and Dreamweaver CS5.5 in my company. We want to be able to see all the functions CF10 CFML, tags, and attributes in the AutoFill when writing code. I found a link for a download of Adobe for them but it does not say which version of Dreamweaver is necessary to make it work. Can someone tell me please? It will work with CS5.5?

  (This window will not let me paste in the link that I have, but it's in the center of Support of Coldfusion downloads |) 10 ColdFusion Devleoper tools | Adobe Coldfusion 10 Extensions for Dreamweaver. Also, note that we CS5.5 in my company but I do not have a facility available for me to test, so I hope it will be easier to get an answer to this question here rather than get a... thanks)

  I had actually found the .mxp file before, but I was looking to see if worked with CS5.5. Adobe have confirmed this fact. Thank you very much for your answers.

• How to change a div in a document when you used a template (Dreamweaver CS5)

  I have created a template, which is used by several pages, but you want to change the < div id = 'content-full-width' > <!-InstanceBeginEditable name = 'content'-> to a page to enlarge the content area.

  If I want to make a div id = 'new_content' and then make my page < div id = "new_content" > <!-name = 'content'-> InstanceBeginEditable

  How can I do that shows a page that is based on a main template?

  TKS

  Deb

  Thanks Murray.  I tried to fix the template to allow me to change the div tag, everything I tried screwed up the model (I am still relatively new to this).

  Stupid me, I had the editable inside the div tag, so he restrained me.  I saw another post (although I have searched and searched), after I posted my question with the same type of question and noted the necessary editable tag outside of the div.

  I tried again, and it worked this time.

  Before:

  After:

  .

  Thanks again for your help.

  Deb

• How do you do &lt; div &gt; tags line up in Dreamweaver CS6?

  Y at - there no way to make the div tags dash so that the opening and closing tags are aligned vertically?  How apply the formatting Source, sometimes the final tag is at the end of a line of code instead of wrapped to the next line and link up with its start tag.  Are there any settings for this to happen or extensions for this?

  Go in Edition > Preferences > Code Format > Tag Libraries.   After setting your formatting preferences.  Record.

  Access the commands > apply Source format.

  Nancy O.

• Using DIV tag on the design of the site

  I need some help on the design of this site (just started using dreamweaver this week.

  I have Div tags within the div tags, to auto height adjustment (so it expands when more information is inserted), however this

  

  Answers to the questions of layout are contained in your code.  No screenshots.

  #1 the design mode is not reliable to test the merits of your layout.

  Use the Live View or preview in browsers.

  #2 when floating elements that it seems you are doing (we don't really know because you haven't we shown your code), it is often necessary set the CSS of the container parent overflow: hidden which prevents the collapse of margin.

  #3 don't forget to add a float of compensation to your CSS code once the tanks are no longer needed.

  For reference:

  • All about floats | CSS-Tricks
  • CSS - float and clear formatting

  Nancy O.

• Images inside div tags appear broken

  I don't have a ton of experience in the use of div tags, but I'm learning and have met a "roadblock". Search for an answer to these days, I'm not finding exactly what I live... I'm looking on the forum for help and advice.

  So I designed a layout with divs. When I preview the design of in Dreamweaver, the site appears flawelssly in Safari, Firefox and Chrome - everything seems perfect, and there is no broken images. But as soon as I download all my files on my server dev online - it's where things go wrong and I see broken images. But the broken images are not consistent. Some look perfectly while others are broken. I do not understand why an image appears while another image is not, I used the same approach on each div I built. I know that my image paths are correct, then this isn't the problem... which leads me to believe that I have something wrong in my code div itself. But being new to the div... I do not see where I was wrong. I have not used 'float' correctly? Has not used to position correctly? I am very confused and frustrated at this point and I really want to come back to the use of tables... any help will be grately appreciated.

  Here is the site on my dev server: http://studio2adv.com/dev/mignognacollision/

  Here is my css:

  @charset "UTF-8";

  / * CSS document * /.

  / * = Global properties START = * /.

  {body

  background-color: #e9cb9c;

  Width: auto;

  height: 100%;

  margin: 0 auto;

  do-family: Verdana, Geneva, without serif.

  do-size: 12px;

  line-height: 1.4em;

  Color: #000;

  }

  HTML {}

  background: #e9cb9c;

  margin: 0 auto;

  padding: 0;

  outline: 0;

  vertical-align: left top;

  do-size: 100%;

  }

  . Container {}

  margin: 0 auto;

  Width: 1000px;

  height: inherit;

  background-color: #fff;

  }

  #header {}

  Width: 956px;

  height: 125px;

  margin: 0 auto;

  vertical-align: middle;

  background-color: #fff;

  }

  {#footercontainer}

  Width: 956px;

  height: 67px;

  margin: 0 auto;

  border-top-style: solid;

  border-right-style: none;

  border-bottom-style: solid;

  border-left-style: none;

  border-color: orange;

  background-color: #fff;

  }

  {#footercontainer2}

  Width: 956px;

  height: 55px;

  margin: 0 auto;

  background-color: #005baa;

  }

  {#endtag}

  margin: 0 auto;

  Width: 956px;

  height: 70px;

  background-color: #fff;

  }

  / * = Global properties END = * /.

  /* ==================== Start header ========================== */

  {.header1}

  float: left;

  Width: 70%;

  Padding: 50px 0px 0px 0px;

  }

  {.header2}

  float: left;

  Width: 12%;

  padding: 20px 0px 0px 0px;

  }

  {.header3}

  float: left;

  Width: 18%;

  padding: 10px 0px 0px 0px;

  }

  /* ==================== END header ========================== */

  /* ==================== Text ========================== */

  {.topphone}

  do-family: Verdana, Geneva, without serif.

  do-size: 16px;

  make-weight: bold;

  color: #005baa;

  text-align: right;

  vertical-align: top of the text;

  }

  H1 {}

  do-family: Verdana, Geneva, without serif.

  do-size: 18px;

  make-style: italic;

  color: #f7931e;

  text-align: left;

  line-height: 1.5em;

  }

  H2 {}

  do-family: Verdana, Geneva, without serif.

  font-size: 15px;

  make-style: italic;

  Police-weight: normal;

  color: #005baa;

  }

  H3 {}

  do-family: Verdana, Geneva, without serif.

  do-size: 12px;

  color: #f7931e;

  }

  {#preferredtext}

  do-family: Verdana, Geneva, without serif.

  do-size: 9px;

  text-align: center;

  Color: #000;

  }

  . FooterText {}

  do-family: Verdana, Geneva, without serif.

  do-size: 10px;

  color: #fff;

  }

  {p.footerendtag}

  do-family: Verdana, Geneva, without serif.

  do-size: 10px;

  Color: #000;

  text-align: center;

  }

  {p.testimonials}

  do-family: Verdana, Geneva, without serif.

  do-size: 14px;

  make-style: italic;

  Color: #000;

  text-align: left;

  }

  . Blue {}

  do-family: Verdana, Geneva, without serif.

  do-size: 14px;

  make-style: italic;

  make-weight: bold;

  color: #005baa;

  text-align: left;

  }

  {.listorange}

  color: #f7931e;

  }

  {.listblack}

  Color: #000;

  }

  {.listboldblack}

  make-weight: bold;

  Color: #000;

  }

  /* ==================== END Text ========================== */

  /* ==================== DIVs ========================== */

  {#topphone}

  Width: 670px;

  height: 30px;

  float: right;

  padding: 0px 0px 19px 265px;

  position: top of the page.

  }

  {.homefloatleft}

  Width: 143px;

  height: 195px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.homefloatmiddle}

  Width: 585px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.homefloatright}

  Width: 198px;

  height: auto;

  float: right;

  padding: 22px 0px 0px 0px;

  }

  {.aboutfloatmain}

  Width: 752px;

  height: 195px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.aboutfloatleft}

  Width: 250px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.aboutfloatmiddle}

  Width: 442px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.gsfloatleft}

  Width: 228px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.gsfloatmiddle}

  Width: 480px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.adfloatleft}

  Width: 250px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.adfloatmiddle}

  Width: 450px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.formfloatleft}

  Width: 80px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.formfloatmiddle}

  Width: 750px;

  height: 1200px;

  float: left;

  padding: 0px 15px 15px of 20px;

  }

  {.formfloatright}

  Width: 50px;

  height: auto;

  float: right;

  padding: 22px 0px 0px 0px;

  }

  {.clearfloat}

  Clear: both;

  }

  /* ==================== END DIVs ========================== */

  /* ==================== Start main nav ========================== */

  {#navlist}

  Width: 956px;

  }

  #navcontainer ul {}

  padding-left: 0px;

  left margin: 0px;

  background-color: #005baa;

  color: white;

  float: left;

  Width: 100%;

  do-family: Verdana, Geneva, without serif.

  }

  #navcontainer ul li {display: inline ;}}

  #navcontainer ul li a {}

  Padding: .7em 3.5em;

  background-color: #005baa;

  color: white;

  text-decoration: none;

  float: left;

  border-left: 1px solid #fff;

  }

  #navcontainer ul li a: active {}

  background-color: #f7931e;

  color: #fff;

  }

  #navcontainer ul li a: hover {}

  background-color: #f7931e;

  color: #fff;

  }

  #navcontainer ul li a: selected {}

  background-color: #f7931e;

  color: #fff;

  }

  /* ==================== END main nav ========================== */

  / * = Start slideshow = * /.

  {.rslides}

  position: relative;

  list-style: none;

  overflow: hidden;

  Width: 100%;

  padding: 0;

  margin: 0;

  }

  .rslides li {}

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  Width: 100%;

  left: 0;

  top: 0;

  }

  .rslides li: first - child {}

  position: relative;

  display: block;

  float: left;

  }

  .rslides img {}

  display: block;

  height: auto;

  float: left;

  Width: 100%;

  border: 0;

  }

  /* ==================== End Slideshow ========================== */

  /* ==================== Start footer ========================== */

  {#footer1}

  float: left;

  Width: 12%;

  padding: 20px 20px 0px 20px;

  }

  {#footer2}

  float: left;

  Width: 24%;

  padding: 20px 0px 0px 0px;

  }

  {#footer3}

  float: left;

  Width: 60%;

  padding: 10px 0px 0px 0px;

  }

  {#footer4}

  float: left;

  Width: 55%;

  padding: 0px 0px 0px 10px;

  }

  {#footer5}

  float: right;

  Width: 40%;

  padding: 0px 10px 0px 0px;

  }

  {a.footerendtag:Link}

  color: #005baa;

  text-decoration: underline;

  }

  {a.footerendtag: active}

  color: #f79122;

  text-decoration: underline;

  }

  {a.footerendtag:hover}

  color: #f79122;

  text-decoration: underline;

  }

  {a.footerendtag:visited}

  color: #005baa;

  text-decoration: underline;

  }

  {#footercurrentlink}

  color: #f79122;

  text-decoration: underline;

  }

  /* ==================== END footer ========================== */

  Check that the images are not damaged and were saved for web RGB and CMYK not.

  Nancy O.

• Hype/HTML5 in Dreamweaver CS5 integration

  I wonder if you know something about the HTML5 integration in div?

  I created a new banner for the Web page in the new package "Hype." It's basically a graphics as flash generator, which once exported gives you the HTML5 tag to just copy the code of the pages. In this case, the code looks like this:

  < div id = "altstratbanner_hype_container" style = "position: relative;" overflow: hidden; width: 1000px; height: 410px; ">

  < script type = "text/javascript" src = "altstrat_banner_Resources/altstratbanner_hype_generated_script.j? s 43688 "> < / script >

  < / div >

  It's stuck in my layout code pages. I modified the CSS to match but when the content of the banner preview that shows nothing?

  Don't you think it's just because the preview in Dreamweaver CS5 feature will not support HTML5 features? (so when I publish it to go on the net, Live, will it work?)

  pziecina wrote:

  If you mean the "live view" option in CS5, then it require a local test server to be installed to work correctly.

  You need a test server only if the page contains scripts on the server side. Dreamweaver CS5 with the 11.0.4 updater support HTML5/CSS3 in Live view mode. Dreamweaver CS5.5 supports even better (updated version of the WebKit browser engine).

• I need help with the DIV tags :)

  Hello.

  I'm currently building a website for a server CoD: WaW Nazi Zombies I'm currently getting. The purpose of this one is just for me and my friends to play nazi zombies and test different mods of it. I'm putting the layout for the Web site using styles and DIV tags I want to have two div tags on the same line as the other. Some solutions I've seen include float, but when I try that it does not work so I turned on the Adobe Forums. Here is my code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  " < html xmlns =" http://www.w3.org/1999/xhtml ">
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-TemplateBeginEditable name = "doctitle"-->
  jCodZombies < title > - < /title > model
  <! - TemplateEndEditable - >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  < style type = "text/css" >
  <!--
  . Header {}
  height: 310px;
  Width: 1280px;
  background-image: url (.. / jCodZombies/images/slices_01.gif);
  }
  . NAV {}
  height: 461px;
  Width: 481px;
  }
  . Happy {}
  height: 461px;
  Width: 799px;
  background-image: url (.. / jCodZombies/images/slices_03.gif);
  }
  .footer {}
  height: 253px;
  Width: 1280px;
  background-image: url (.. / jCodZombies/images/slices_04.gif);
  }
  ->
  < / style >
  "" < script src = "... / Scripts/swfobject_modified.js" type = "text/javascript" > < / script >
  < / head >
  < body >
  "" < div class = "header" > < img src = "... / jCodZombies/jCodZombies.gif" width = "1280" height = "300" / > < / div >
  < div class = "nav" >
  < object id = 'FlashID' classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "481" height = "461" > "
  "" < param name = "movie" value = "... / jCodZombies/nav.swf" / >
  < param name = "quality" value = "high" / >
  < param name = "wmode" value = "opaque" / >
  < param name = "swfversion' value ="6.0.65.0"/ >
  <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->
  "" < param name = "expressinstall" value = "... / Scripts/expressInstall.swf" / >
  <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
  <!-[if! IE] >->
  "" < object type = "application/x-shockwave-flash" data = "... / jCodZombies/nav.swf" width = "481" height = "461" >
  <!-<! [endif]-->
  < param name = "quality" value = "high" / >
  < param name = "wmode" value = "opaque" / >
  < param name = "swfversion' value ="6.0.65.0"/ >
  "" < param name = "expressinstall" value = "... / Scripts/expressInstall.swf" / >
  <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->
  < div >
  < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
  " < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img src = ' http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt = 'Get Adobe Flash player' width = '112' height ="33"/ > < /a > < /p > "
  < / div >
  <!-[if! IE] >->
  < / object >
  <!-<! [endif]-->
  < / object >
  < / div >
  < div class = "content" > < / div >
  < div class = "footer" > < / div >
  < script type = "text/javascript" >
  <!--
  swfobject.registerObject ("FlashID");
  ->
  < /script >
  < / body >
  < / html >

  Also here is a link to my site that this code is for: http://www.jcodzombies.TK

  It should work. In addition, he is a model for two pages on this Web site. He is not too complicated and have done it before, but can't get out so I would like some advice from you guys.

  Thank you and I hope to see some answers soon.

  If you have Dreamweaver, why don't you just try one of their file > new... home pages? Maybe try 2 columns with header and footer? Or fair value each of your divs a different background color and try to play with things. You should be able to simply float your div 'nav' on the left. It is usually a good idea to create a div 'container' and put all your other div inside. Then the div 'container' your maximum width and value margin: 0 auto;

• Hide the div tags in the media queries

  Hello

  I ran into a bit of a problem trying to get some div tags appear on some devices. I thought that if a div has been set to hidden then it does not appear. I pasted my code below.

  The theory behind my design is to have a different fixed background on the desktop image, Tablet and phone. So I inserted a transparent image on top to control how image is seen on each window.

  "What I try to achieve is when the site is displayed on a desktop ' #large-ipad" is hidden and the ' #-wide image' is seen. "" And then once the site reaches the correct display window i.e. an ipad ' #large-ipad ' becomes visible and the ' #-wide image "is hidden. Then a third image will swap when it is read on a mobile device, but I have not to this article yet.

  When it is viewed on a desktop computer I think it is still showing the image sheets before the roll content.

  This is just a test at the minute, so there is no content and background images are set on my computer. If you don't know what I'm after, please ask and I will try to rephrase my description.

  @media only screen and (min-width: 481px) {}

  {.gridContainer}

  Width: 100%;

  padding-left: 0%;

  padding-right: 0%;

  margin: auto;

  background-attachment: fixed;

  background-image: url(images/bg-ipad.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  }

  {#LayoutDiv1}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #FFF;

  padding-top: 20px;

  padding-bottom: 20px;

  }

  {# image - wide

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  visibility: hidden;

  }

  {#body - text

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #FFF;

  padding-top: 300px;

  padding-bottom: 300px;

  }

  {#large-ipad}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  }

  }

  / * Desktop layout: 769px for a max of 1920px.  Inherits the styles of: Mobile and tablet. */

  @media only screen and (min-width: 769px) {}

  {.gridContainer}

  Width: 100%;

  Max-width: 1920px;

  padding-left: 0%;

  padding-right: 0%;

  margin: auto;

  background-attachment: fixed;

  background-image: url(images/bg-image.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  }

  {#LayoutDiv1}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  height: 70px;

  z-index: 1000;

  background-color: #FFF;

  position: fixed;

  Top: 0px;

  }

  {# image - wide

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  position: static;

  z-index: 0;

  }

  {#body - text

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #FFF;

  padding-top: 300px;

  padding-bottom: 300px;

  }

  {#large-ipad}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  visibility: hidden;

  overflow: hidden;

  }

  }

  Any help would be massively appreciated I really want the effect I'm after.

  Kind regards

  Alex

  Hi all

  Think I have asked this question a little prematurely. I thought it, just needed to change the None display: display: none;

  Sorry to take your time to read above.

  See you soon,.

  Alex

• AP Div tags - multiple in CC?

  Is it possible to insert several CC AP Div tags? I can get (well, insert) ONE, but it won't let me do a normal Div after that. My request 3. Is this POSSIBLE in CC?

  I KNOW the Divs PA is no longer the norm, but please help me. I learn in class on CS6, but I work CC. I need for the love of the class, and I do not like if they are used or more. I don't want a debate on the subject, I just need to know for my assignments.* *.

  No, there is no APDiv feature in DW longer and there was never a 'add several APDivs' I know. You need to add the standard

  tags and then add the position: absolute manually by using the CSS designer. After they are added in this way, you can drag in design mode the same as previous versions of the program. Ensure that each

  has a unique id for the css can be written theexternal .css or for each individual

  separately.

  Out of curiosity, why do you use CBWMS to do a work of DWCS6 tutorials/lessons?

  If you are a Subscriber CC, DWCS6 is part of your subscription and can be installed at the same time as CC.

  1. open the creative application of cloud

  2. click on the applications tab

  3. scroll down to filters & Versions

  4. choose the previous Versions, this will change the buttons to install pull-down menus

  5. Select CS6 in drop down menu from Dreamweaver

  Even if I don't remember not so APDivs have been removed in the clouds DWCS6 (which is the version that you can catch). It will be much, much closer to all DWCS6 tutorial/lesson as CC, CC2014 or CC2014.1 and less likely to cause massive amounts of confusion.

• Where is the box "Start a new line" when adding to a div tag?

  Since I have updated Dreamweaver, when I add a div tag I don't see the box "Start A New Row. The checkbox only I see is "Insert as an element of fluid". This option has been deleted or has been moved to a new location?

  

  Hi MichaelMuirhead,

  We have updated fluid grid 12.2 release of DW, as well as in CC version.

  Unlike before, now DW intelligently recognizes when a fluid page is opened and the Structure category converts to the category fluid layout.

  That is when it is inserted any item in the category of Structure on a fluid page, it will be inserted with light CSS to make it fluid, unless that other user tips.

  The idea is to build support for almost all the structural elements as fluid elements, rather than just support Div as an element of fluid. Therefore, insert fluid Grid Layout tag Div has been removed.

  Steps to insert a fluid element:

  1. Select Insert > layout.
  2. Select the item you want to insert. (that's to say Div or header or footer etc.) 3. in the dialog box that appears, enter a new class name, or enter a value for the code. The selected item is inserted on the page layout.

  (4) to insert a fluid normal/no item uncheck the box "Insert as a fluid element" check box in the previous dialog box.

  Now to answer the second part of your concerns "the box"Start A New Row"missing."

  All elements inserted on a fluid page, start on a new line by default. If the user wants to place the item in the previous row, then is possible by clicking on the button "Move up a line" who arrives on the FG HUD element, after the insertion of this element.

  Please refer page to better understand.

  

  For more details on the update browse to: http://helpx.adobe.com/dreamweaver/using/fluid-grid-layout-dreamweaver .html

  Here is the link to the new video on how to design a page of FG using new FG in paragraph 12.2 DW.

  http://blogs.Adobe.com/Dreamweaver/2013/02/updated-fluid-grids-in-Dreamweaver.html

  Please note that the 'Layout' category in paragraph 12.2 has been renamed most appropriate sounding 'Structure' category in DW CC.

  It will be useful.

  Please come back for questions or concerns.

  Thank you

  Puneet

• div tag

  I have an index.cfm which uses the dic to have the browser on the left and content on the right with a header and a footer.

  The left float div tag and the right float works in index.cfm.

  I want to place a Login.cfm on header and use the tag div, but the label title and invites always vertical connection, but not float left and right.

  Here is my code

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml">".
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  < title > < /title > header form

  
  "" < link href = "... / Styles/MyCSS.css" rel = "stylesheet" type = "text/css" / >
  < / head >

  < body >
  < cfform >
  < div class = "container" >
  < div class = "HomeTitle >"
  < table border style = "hidden" >
  < b >
  < td border-style = "hidden" >
  
  "< cfinput type ="image"name ="Logo"class ="logo"id ="logo1"dir ="ltr"lang ="en"src="/GBS/Apps/Image/MyImage.png "alt ="Image ".

  align = "top" width = "50" height = "60" hspace = "50" hspace = "20" >
  < table >

  < td border-style = "hidden" >
  
  < label for = class "Title" = "GBStitle" > GBS America region Home Page < / label >
  
  < table >
  < /tr >
  < /table >
  < / div >
  < div class = "Login" >
  "< model CFINCLUDE ="... / Commmon/Login.cfm ">"
  <!-end.-> connection
  < / div >
  < / div >
  < / cfform >

  < / body >
  < / html >

  / * CSS document * /.
  {GBStitle}
  font-size: 10cm;
  do-family: Verdana, Geneva, without serif.
  background-color: #ADB96E;
  background-repeat: repeat;
  position: relative;
  visibility: inherit;
  color: #C00;
  text-decoration: underline;
  make-weight: bold;
  Width: 200px;
  }

  }
  . {HomeTitle}
  float: left;
  Width: 500px;
  background-color: #ADB96E;
  }

  . {Login
  do-family: Verdana, Geneva, without serif.
  background-color: #FFF;
  float: right;
  Width: 500px;
  }

  . Container {}
  Width: 1024px;
  background-color: #FFF;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  left margin: auto;
  }

  I use the Dreamweaver template to create this file, I think that model Dreamweaver using the.

  Certainly not. But anyway, the two elements to be floated next to each other must be in the same container.

• Web design with AP div tags

  Hello Dreamweavers

  I am currently a tutorial, and the instructor is to design an entire web site using tags DIV PA, but not only that it deploys the % adding reagent website PA divs.

  I know that this method is wrong. I saw an other tutorials of instructors who said to keep away from this type of layout. But in this case, it seems to work well.

  PA DIV tags do not all mumbo jumbo and appear as a result remain in their positions without overlapping and causing a disaster page layout.

  So my question is why does he choose DIVS PA rather than the traditional div? would it be the tutorial I'm following are for the accelerated course of an easy start "how to build your first web site.

  Thus, it is the omission of the DIV TAGS, because its more difficult to explain how they work with CSS and the driftwood and margins and padding that lights etc?

  Thank you.

  Lynda.com library grew these last few months to include videos from other video tutorial companies.  A few black sheep may have slipped into the barrel.  Honestly, I don't know if any criteria Lynda uses for the revision of the content acquired in a merger.

  This 5-part tutorial covers a lot of material.  Well worth doing.

  Create your first web site in DW-

  http://www.Adobe.com/devnet/Dreamweaver/articles/first_website_pt1.html

  Nancy O.