ditch around div tag

Similar Questions

• Disorder by selecting the Div tags

  Hello

  Im trying to create a website portfolio for me but I'm having trouble with the selection of some div tags, I added to my page.

  

  As you can see here the top right divtag is selected/clicked on illustrated by give it a blue box around it. It allows me to add a rollover image to which is what I try to do with home' 'info' and 'contact' buttons shown above right. However when I click on or around the div tags that hold these buttons I can't "select" them so that the blue box appears around the edge and therefore impossible to add the rollover image.

  This is the encoding of the page, if it helps (I) normally work in the design window, I have not been taught in the coding

  < ! 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 > Untitled Document < /title >

  < style type = "text/css" >

  {#wrapper}

  float: none;

  Width: 1500px;

  margin: auto;

  }

  {#p1}

  float: left;

  height: 350px;

  Width: 490px;

  margin left: 15px;

  top of the margin: 15px;

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

  }

  {#p4}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

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

  }

  {#p5}

  Clear: none;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

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

  }

  {#p6}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

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

  }

  {#p2}

  background-color: #333;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

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

  }

  {#p3}

  background-color: #999;

  float: left;

  height: 350px;

  Width: 490px;

  right margin: 15px;

  top of the margin: 15px;

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

  }

  {#p7}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

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

  }

  {#p8}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

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

  }

  {#p9}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

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

  }

  {#home-btn}

  background-color: #999;

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-715px;

  margin left: 15px;

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

  }

  {#contact-btn}

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-625px;

  margin left: 15px;

  background-color: #FF6;

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

  }

  {body

  left margin: 0px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

  }

  {#info-btn}

  background-color: #09F;

  float: left;

  height: 30px;

  Width: 30px;

  margin left: 15px;

  margin-top:-670px;

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

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "p9" > < / div >

  < div id = "p8" > < / div >

  < div id = "p7" > < / div >

  < div id = 'p6' > < / div >

  < div id = "p5" > < / div >

  < div id = "p4" > < / div >

  < div id = 'p3' > < / div >

  < div id = "p2" > < / div >

  < div id = "p1" > < / div >

  < / div >

  < div id = "contact-btn" > < / div >

  < div id = "info-btn" > < / div >

  < div id = "Home-btn" > < / div >

  < / body >

  < / html >

  Any ideas?

  Cheers, Ryan

  I normally work in the design window that I've not been taught in the coding

  You will learn about code regardless if you make the effort. Start with these links:

  http://w3schools.com/

  http://www.csstutorial.NET/

  DW assumes that you have knowledge of HTML & CSS code.

  If you cannot or will not work with the code, you use the wrong tool.

  For the non-codeurs, Adobe offers 2 other options: Adobe Muse & portfolio

  Nancy O.

• positioning of the div tags

  Hello Dreamweavers

  I practice using Div tags, and I added 2 boxes. My first thought was how can I have these boxes to be side by side. Have blue on the left and the right aqua area. So I did the box1_blue

  and was inserted in the upper left corner. And then the box2_aqua has been placed under the blue. While I was playing around with the properties of the area the box2_aqua suddenly moved to the upper right corner, exactly where I wanted it to be, but I do not understand how it got there!

  

  

  {#box1}

  background-color: #00F;

  height: 200px;

  Width: 300px;

  float: left;

  }

  {#box2}

  background-color: #0FF;

  height: 200px;

  Width: 300px;

  float: right;

  Read up on the fleet working in CSS

  http://CSS.maxdesign.com.au/Floatutorial/

  http://CSS-tricks.com/all-about-floats/

• Div tags do not align

  I can't get my div tags to align correctly.  I have a DIV set to float left and the other right float.  I can get the first set of work, but as soon as I add in another series, they both float left.  I played around with the margins, borders and padding and nothing seems to work.  Here is the code:

  < style type = "text/css" >
  {.pageborder}
  Width: 795px;
  height: 1000px;
  border: medium solid #008478;
  do-family: Verdana, Geneva, without serif.
  do-size: 10pt;
  }
  {.prodboxleft}
  do-family: Verdana, Geneva, without serif.
  do-size: 10pt;
  background-color: #76c6be;
  text-align: left;
  Width: 369px;
  float: left;
  height: 150px;
  border: medium dashed #008478;
  top of the margin: 5px;
  right margin: 5px;
  margin-bottom: 5px;
  left margin: 12px;
  padding: 0px;
  }
  {.prodboxright}
  do-family: Verdana, Geneva, without serif.
  do-size: 10pt;
  background-color: #76c6be;
  text-align: left;
  Width: 369px;
  float: right;
  height: 150px;
  border: medium dashed #008478;
  top of the margin: 5px;
  right margin: 12px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  }
  < / style >
  < / head >

  < body >
  < div class = "pageborder" > < div class = "prodboxleft" > content of class "prodboxleft" goes here < / div >
  < div class = "prodboxright" > content of class "prodboxright" goes here < / div >
  < div class = "prodboxleft" > content of class "prodboxleft" goes here < / div >
  < div class = "prodboxright" > content of class "prodboxright" goes here < / div >
  < div class = "prodboxleft" > content of class "prodboxleft" goes here < / div >
  < div class = "prodboxright" > content of class "prodboxright" goes here < / div >
  < / div >

  You are welcome.

  When you get a chance, please mark "compensation float" as the correct answer.  It helps others who might find this thread in the forum search.

  Nancy O.

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

  I'm trying to get 2 div tags to float next to each other for hours! I've been playing with the float and messing around with the margins, but what ever I don't the div is always somewhat my another div tag I want that they completely off. I tried to change the top and bottom margins, but that does not work either. How can I get them side by side? We call it "textbox" and the other "imagewrapper". The code is:

  < ! 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 > Untitled Document < /title >

  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

  < link href = "SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "

  < link hand. CSS"rel ="stylesheet"type =" text/css"/ >

  < link href = "style2.css" rel = "stylesheet" type = "text/css" / > "

  <!-integrated styles for this page only-->

  < style type = "text/css" >

  {body

  margin: 0;

  padding: 0;

  font: 1em/1.5 ' Lucida without ","Lucida Sans Unicode ";

  }

  {#wrapper}

  Width: 1064px;

  margin: 0 auto; / * with width, this centers on screen page * /.

  Background: #FFF;

  text-align: center;

  }

  / * This styles image container * /.

  #thumbs p {}

  float: center;

  Width: 50px;

  height: 75px;

  / * This text caption styles * /.

  font: 14px italic/1.5 Geneva, Arial, Helvetica, without serif.

  color: #666;

  text-align: center;

  border: 1px solid silver;

  margin-top: 10px;

  right margin: 5px;

  margin-bottom: 18px;

  margin-left: 5px;

  }

  / * recommend using images of even size * /.

  #thumbs img {}

  Width: 50px; / * adjust the width to the photo * /.

  height: 75px; / * to the picture height adjustment * /.

  / * CSS3 drop shadows * /.

  -moz-box-shadow: 5px 5px 5px #666;

  -webkit-box-shadow: 5px 5px 5px #666;

  -khtml-box-shadow: 5px 5px 5px #666;

  box-shadow: 5px 5px 5px #666;

  }

  / * float clearing * /.

  #thumbs: after {}

  Display: block;

  visibility: hidden;

  height: 0;

  do-size: 0;

  content: "";

  Clear: left;

  }

  #wrapper #thumbs #imagewrapper {}

  height: 362px;

  Width: 280px;

  float: right;

  right margin: 720px;

  }

  #wrapper #thumbs #imagewrapper img {}

  height: 362px;

  Width: 280px;

  }

  {#wrapper #textbox}

  float: right;

  height: 300px;

  Width: 600px;

  right margin: 70px;

  }

  {.clearing}

  Clear: left;

  height: px;

  Width: 100%;

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < img src = "photos/header.png product and site" width = "1064" height = "116" alt = "header" / >

  <! - start menu - >

  < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < a href = "#home.html" > home < /a > < /li >

  < li > < a href = "#" class = "MenuBarItemSubmenu" > shop < /a > < ul >

  < li > < a href = "#" class = 'MenuBarItemSubmenu' > women < /a > < ul >

  < li > < a href = "bwt.html" > top < /a > < /li > ""

  < li > < a href = "bws.html" > skirts/Shorts < /a > < /li > ""

  < li > < a href = "bwl.html" > pants/Leggings < /a > < /li >

  < li > < a href = "bwa.html" > Accessories < /a > < /li > ""

  < li > < a href = "bwd.html" > dresses < /a > < /li > < /ul > < /li > ""

  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > men

  < ul >

  < li > < a href = "#" > Tops < /a > < /li >

  < li > < a href = "#" > money < /a > < /li >

  < li > < a href = "#" > Accessories < /a > < /li >

  < /ul >

  < /li >

  < li > < a href = "#" > semi Unique < /a > < /li >

  < /ul >

  < /li >

  < li > < a class = "MenuBarItemSubmenu" href = "#" > T-shirt Shop < /a > < ul >

  < li > < a href = "t-shirt shop.html" > men < /a > < /li >

  < li > < a href = 't-shirt shop.html' > women < /a > < /li >

  < li > < a href = "t-shirt shop.html" > single < /a > < /li >

  < /li > < /ul >

  < li > < a href = "clearance.html" > release < /a > < /li > ""

  < li > < a href = "#" > on < /a > < /li >

  < /ul >

  < h2 > < / h2 >

  < div id = "textbox" > < / div >

  < div id = "thumbs" >

  < div id = "imagewrapper" > < / div >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  <! - end wrapper - > < / div >

  < hr align = "center" size = "10" noshade = "noshade" class = "clear" color = "#999999" / >

  < div align = "left" > & copy; 2012, your footer text goes here < / div >

  < / div >

  < script type = "text/javascript" >

  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

  < /script >

  < / body >

  < / html >

  I made a sample for you here: http://forwardfocus.in/sandbox/leftrightfloat/

• SPAN or Div tags in ul OK?

  IM using a drop down menu like this:

  http://www.HtmlDog.com/articles/suckerfish/bones/

  I must apply 3 for the 2nd level ul background images. If they were normal div is then I would just add 2 spans more or divs around them to achieve. Is it OK to do this with links and lists or copy the following code is not valid?

  Thank you

  You will need two things to tie up your images, if you do not li and one of their coupling. I have a feeling that you will eventually break the menu if interpose you a div between the ul and li menu items. In fact, you can insert a div tag (without success), but the div will show no depth. If you do outside the submenu ul, it will show always; If you put the div only around items of li inside the ul tag, it will hide and show, but will still have no height for her. Thus, no background image.

  What about spacing your menu items such as you can use a background on the AMT for the left side, background, border and low (see instructions) and use the border of the right hand on the li elements. You would need to engineer the border so there no rough air, but you should be able to function.

  If you apply a style of menu, you can also use to do, using two images sliding doors.

  Make a picture that is a path that is wider than your typical menu item and which includes all three borders. Export the border of the right hand as an image on its own. Don't include the lower border.

  Use the first image as the background of the li element.

  Use the second image as the background of the element has . Background-position: right; Background-repeat: no-repeat;

  You want to make sure that the item has has display: block; applied. Also, be sure to make Background-color: transparent;

  The right border image will be actually on top of the background image and border left, but placed on the right side.

  Check if this isn't what you want.

  Beth

• Tables, div tags, or both

  I think I asked this question a long time ago but I now move to finalize my website and I don't know if a table in a div is a good idea.

  I have a div wrapper, header, navigation, mainbody and footer. All are in my template and the editable area only is the mainbody.

  I could place a right div, div left and eventually a div Center and have several div tags in these 3 major divs.

  Or I could use tables on some of my pages, I use photographs (of kitchens).

  I think I have about 9 small thumbnail images on the left side of the page and each would change a larger image to the right of the page.
  I think that when I do the math, a table can be better even if it's among the divs.

  I am causing future pain or is it the right way around it.

  Thank you for taking the time to read my short story and I hope you can help me.

  concerning

  Michael

  So overall you DESIGN your page layout in FW or PS, slice on the optimized graphic elements that appear on the page and then build the page in DW adding some interactivity, you need on the page when you create the HTML code.  This interactivity could lead to jQuery, or one of the many commercial/non commercial extensions already mentioned.

  It is not suitable for any production work, all circumstances, allow your graphic application write HTML of your page.

• 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.

• 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

• RH9: How can I get a CSS class or id defined style applies to Word or PDF output using the &lt; div &gt; tags?

  HR I wrote the following:

  

  This is the code-behind:

  

  The 'DivNote' CSS id is defined:

  

  However, when I generate the printed output, I get this:

  

  The style of the Note disappeared.

  I created a class = "Note"...:

  

  .. .and applied to the div tag with similar results, but with some of the style through:

  

  The output HTML (.chm) seems, like the display of the preview (Ctrl + W).

  Your help is appreciated gracefully.

  Steve Roehrig

  In RoboHelp you map to a Word template or simply by selecting a CSS?

  I assume that you are by selecting a CSS and that the solution might be to map to a Word template, where you can map the. Note the style.

  Mapping to take word longer to set up the first time, but once done, you may be easier to get the desired results.

  See www.grainge.org for creating tips and RoboHelp

  

  @petergrainge

• Responsive Design - Show and hide the div tags

  Hello

  I am building a website using sensitive design. I want a certain div tag to be read on a desktop and a tablet but then to disappear and a different div be made visible on the mobile device.

  I realized the above with the code below, but I found a problem. The problem I found is that the div is hidden here still an empty space remains there then it creates a large empty space. Anyway is to hide this great space?

  (mobile)

  {#tab-container}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  {#phone-tabs}

  display: block;

  visibility: visible;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  line-height: 30px;

  }

  (Tablet)

  {#tab-container}

  display: block;

  visibility: visible;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  {#phone-tabs}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  (office)

  {#tab-container}

  display: block;

  visibility: visible;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 70%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  {#phone-tabs}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 70%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 0px;

  padding-bottom: 0px;

  text-align: center;

  border-top-width: 0px;

  border-bottom-width: 0px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  Thanks for your help!

  Alex

  Try to delete the two lines, as shown below.

  Display: block overrides display: no because it is further down in the code.

  For this reason, visibility: hidden comes into play. This statement is exactly intended to hide the contents, while leaving the blank space.

  Edit: I think that really is all you need:

  {#tab-container}

  display: none;

  }

  (mobile)

  {#tab-container}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

• 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.

• 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.

• Problem with the text in the div tag

  Hey there,

  the question that I have is that every time that I add text to a div tag and press 'enter' to start on another paragraph, the text on the first paragraph right guard moved down to about a paragraph. It happens in Dreamweaver and the browser when available is presented as a preview. I have included a few pictures below, please advise.

  First added text, which seems fine:

  

  But when I try to type the text after pressing "enter".

  

  I want the text to align to the top instead of from a paragraph down. Something like this (made in InDesign):

  

  I will include the code as well. When I select the div tag, it's what is highlighted in the code pane:

  < div id = "about6" >

  < p > Hey there < /p >

  < p > Hey there 2 < /p >

  < p > Hey there 3 < /p >

  < p > Hey there 4 < /p >

  < / div >

  A screenshot of the of type parameters for this div:

  

  Any help would be appreciated. Thank you.

  Paragraphs, titles etc. have legacy browser style rules.

  We can remove the style by adding rules to the top of the stylesheet

  * {

  padding: 0;

  margin: 0;

  }

  Even better is to include a CSS reset set of rules such as found here http://meyerweb.com/eric/tools/css/reset/

  By the way, please note that the use of identifiers will limit your fun by using style rules. You should not use ID unless needing a single login. In your case, I would use a class.

  Heights of adjustment are also going to strangle the natural flow of your document, especially if you intend to start on the drawings of fluid

  I hope this helps.