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.

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

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

• Hide a div tag that flash has finished loading

  What I'm trying to do, is to hide several div tags until my main.swf loading is completed. It is quite difficult to explain, but I'm trying to do is to hide my navigation bar and a tab on my website quote request until finished the preloader to load my main.swf. The preloader is located inside the main.swf and basically just 2 framework once it is loaded. I need to show those hidden div tags once he finished to load more to move to the 2nd image, then it will have to be some sort of communication between AS3 and the HTML of my site.

  Basically, I have been unable to 'float' my icons in the bar of navigation and click the tab a request where I need them to help only AS3, but I know how to do the floating using Div and CSS tags. So, I just need these two divs hidden until the rest of the site is loaded.

  I had someone trying to explain how do using ExternalInterface, but it's too complicated for me too quickly. I'm looking for is an easy way to float my items when resizes browser window using only AS3 or an easy way to show a few tags hidden div (which contain very small .swf files) once my page loaded using an easy and fast AS3 function that tells the HTML to display the tags.

  Any suggestions would be greatly appreciated and thanks in advance.

  ExternalInterface is the way to go with this.  Search Google using terms such as 'Tutorial AS3 ExternalInterface' until you find something that you can operate.  Do not try to adapt it to your needs immediately. First operate it as a stand-alone experience.  Then you can modify your application to stuit.

  Here is a link to the mentioned research:

  https://www.Google.com/search?q=AS3+ExternalInterface+tutorial

• 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

• Settings for the right column div tag

  Hi guys

  Inside my base model home page, I want a column on the right that starts at the top right under the header. This will serve to show the news and contact and so.

  I have a separate div for the text on the left and a div to the right column. The right div is set to "position: absolute" because he must remain top-right under the header.

  But as you can see on the screenshot, social media icons that are part of the model appear just below the div to the left.

  How can I configure the right column div tag to keep it at the top right, the text on the left remains where it is and that the right column corresponds to the div model so that social media icons will be displayed automatically below the contact information on the right.

  The second screenshot shows the result as it should be for the social media icons, so below all the content of the page.

  

  Some fundamental fixes you should do first:

  • Yourtag begins after you have already a meta tag and tag style open on your page. Solve this problem
  • For this reason, the tag appears as away during validation. If you set the point #1, this should be resolved

  Now coming to your question in the discussion.

  You have

  more than once on your page. It's illegal markup. ID can only be used once per page. If you want to repeat the same style for more than 1 item, make a class and style it in CSS with .body_right instead of #body_right. In this way, you can re - use this element never how many times you want.

  In the file/styles/style. CSS, line 2200:

  {#column_right}

  Display: block;

  position: absolute;

  high: 25;

  Width: 25%;

  left: 75%;

  z-index: auto;

  }

  Who to change:

  {#column_right}

  Display: block;

  float: right;

  Width: 25%;

  }

  Get rid of everything that isn't here in my code above ^.

  See how your position elements / line up and post back if you need assistance.

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