Photos of Dreamweaver overlooking the divs

Similar Questions

• How could line up all the divs simultaneously in dreamweaver?

  Hello

  How could line up all the divs simultaneously in dreamweaver? I have more than 50 divs, and I want to change alignments for them at the same time, let say us "Center" How could I do that I use in particular the fluid layout grids.

  Thank you.

  Add these styles present in the Green to your basic.css file and you will see that your page is actually centered.

  Body {background: Brown}

  {.gridContainer}

  background: white;

  left margin: auto;

  margin-right: auto;

  Width: 87.9666%;

  padding-left: 1.5166 percent;

  padding-right: 1.5166 percent;

  }

  I think the problem is that you don't have enough floating no divisions to fill up your desktop.

  Nancy O.

• Image adjustment to fill entirely the divs (no repeat)

  Hello!

  I'm just trying to build one of my first web pages with dreamweaver CS6 and now I had to do a problem I could solve or find in your forum.

  I have a certain container div on my page and for him complete with a photo. This container is flexible and changes its size, so I don't want to just "drag" the image.
  Now that I have - for example-set this picture as a background for the div. Ok, but it does not completely fill the container, cause I don't want the image to repeat (sounds stupid in this case) and I don't want to have some sort of margin, too.

  I just want that he adapt to the size of the div and to fill 100% of its width and its height.

  BTW, sry for my English, I'm no native speaker, so please do not hesitate to ask for any unknown vocab

  Ty for your suggestions!

  Another way is to do something like this:

  (1) create your HTML code like this:

  Navigtion any here!

  (2) create your CSS, like this:

  {body

  padding: 0;

  margin: 0;

  background-color: #999;

  }

  #nav {}

  Width: 960px;

  height: 50px;

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

  background-repeat: no-repeat;

  background-size: cover;

  margin: 0 auto;

  }

  It should work according to your image and the type used.

• Center the div in parent div Background Image and not the whole page

  I am trying to Center a background image, I have inserted as create a div via the new css rule and will have questions centering correctly on the page. I would it is centered at the top of the page contet - left area of the page content, and it seems that the background image is ignorant parent his div and is centering the page-level. It's a problem because its parent div that 2/3 of the page, therefore covers, in question background image is cropped.

  I did a video showing the problem here, because I'm not sure I use the right words to describe the problem

  
  

  Dreamweaver Background Image needs centered at the top of the page content DIV - YouTube

  In other words, I insert a div tag and add a background image so that I can place the content above it, however, the background image seems to be centered in the entire page and not simply within the Division 'parent' in design mode, everything is centered, however, in direct mode, the background image is offset. I can't really explain for good so I made another video.

  Still another problem as can be seen in the video but not prime, since it still works live, is:

  In addition, my navigation bar is direct, but in design mode, it appears at the bottom of the screen. I did fix the position, then he stuck on the right side, so I added a margin of 700px to go right once again, I guess that the problem is due to this.

  I have boldened which, in my view, are source code target areas and css to quickly reduce down, but everything included because I am not knowledgeable enough to know what is relevant or not, I could (and likely) wrong.

  Any other help would be greatly appreciated.

  source code

  <! - head - >

  < head >

  < title > Touch The Universe Productions - Audio Label and Design - Sound Design - diversion Vsti Sound Bank - Goa Trance Presets < /title >

  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

  <! - CSS - >

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

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

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

  < style type = "text/css" >

  Judging {}

  background-image: url(images/transparent%20%202.png);

  }

  {b .diversion

  background-image: url(images/transparent%20white.png);

  }

  .diversion a {}

  background-attachment: fixed;

  background-image: url(images/diversion%202.jpg);

  background-repeat: no-repeat;

  background-position: Center;

  }

  {b .diversion

  }

  .f {}

  }

  {.yeay}

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

  background-repeat: no-repeat;

  }

  . GG {}

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

  background-repeat: no-repeat;

  background-position: right top;

  }

  {.ggf}

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

  background-repeat: no-repeat;

  background-position: top center;

  overflow: hidden;

  Padding: 50px 50px 0 0;

  }

  {.dd

  background-attachment: fixed;

  background-image: url(images/diversion%202.jpg);

  background-repeat: no-repeat;

  }

  . TTT {}

  background-attachment: fixed;

  background-image: url(images/diversion%202.jpg);

  background-repeat: no-repeat;

  }

  {.testtt}

  background-attachment: scroll;

  background-image: url(images/Diversion%20640.jpg);

  background-repeat: no-repeat;

  }

  {u}

  background-attachment: fixed;

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

  background-repeat: no-repeat;

  background-position: Center;

  }

  .long {}

  background-attachment: fixed;

  background-image: url(images/transparent%20long.png);

  }

  {.yty}

  background-attachment: fixed;

  background-image: url(images/transparent%20long.png);

  background-repeat: repeat-y;

  }

  {.gggd}

  background-attachment: fixed;

  background-image: url(images/transparent%20long.png);

  background-repeat: repeat-y;

  background-position: Center;

  }

  {.diversion1}

  background-attachment: fixed;

  background-image: url(images/Diversion%20640.jpg);

  background-repeat: no-repeat;

  background-position: center;

  }

  .TT {}

  background-image: url(images/transpare%20long.png);

  }

  < / style >

  <!-[if IE 6] >

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

  <! [endif]-->

  <!-//CSS-->

  "< script type =" text/javascript"SRC="javascript/jquery-1.2.1.pack.js "> < / script >

  < script type = "text/javascript" SRC = "javascript/kriesi.js" > < / script >

  < script type = "text/javascript" SRC = "javascript/cufon - yui.js" > < / script >

  "< script type =" text/javascript"SRC="javascript/TitilliumText14L_600.font.js "> < / script >

  < script type = "text/javascript" >

  CUFON. Replace ("h1, h2, h3, h5, #sidebar li, .footer ', {hover: 'true'}");

  < /script >

  <! - Javascript - >

  < / head >

  <!-/ /-> head

  <! - body - >

  < body >

  <! - top Bar - >

  < div id = "top_bar" >

  <! - Nav container - >

  < div id = "nav_container" >

  <! - logo - >

  < div id = "logo" > < img SRC = "images/logo2.png" alt = "logo" / > < / div > "

  <!--end Logo-->

  <! - Nav - >

  < ul id = "nav" >

  < li > < a HREF = "index.html" > home < /a > < /li >

  < li > < a HREF = "music.html" > music < /a > ' "

  < ul >

  < li > < a HREF = "about.html" > dj sets < /a > < /li > ""

  < li > < a HREF = "about.html" > < /a > artists ' "

  < ul >

  < li > < a HREF = "about.html" > ttu < /a > < /li > ""

  < li > < a HREF = "about.html" > dawn majestic < /a > < /li > ""

  < li > < a HREF = "about.html" > evairta < /a > < /li >

  < li > < a HREF = "about.html" > old future < /a > < /li > ""

  < /ul >

  < /li >

  < /ul >

  < /li >

  < li > < a class = 'on' HREF = "his design.html" > < /a > sound design

  < ul >

  < li > < a HREF = "his banks.html" > < /a > sound banks

  < ul >

  < li > < a HREF = 'dune 2.html' > dune 2 < /a > < /li >

  < li > < a HREF = "diversion.html" > derivation < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a HREF = "drum loops.html" > drum loops < /a > < /li >

  < li > < a HREF = "sample packs.html" > enjoy packs < /a > < /li >

  < /ul >

  < /li >

  < li > < a HREF = "blog.html" > blog < /a >

  < ul >

  < li > < a HREF = "blog.html" > news < /a > < /li > "

  < li > < a HREF = "blog.html" > tutorials < /a > < /li > ""

  < li > < a HREF = "blog.html" > videos < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a HREF = "booking.html" > book < /a > < /li >

  < class li = "last" > < a class = "subscribe" href = "#" > subscribe < /a > < /li >

  < /ul >

  <!--end Nav-->

  < / div >

  <!--end Nav container-->

  < / div >

  <!--end Top Bar-->

  <! - albums content Wrapper - >

  < div id = "topcontent_wrap" >

  <! - content at the top of the page - > 0

  < div id = "topcontent" >

  <! - main content - >

  < div id = "leftcontent" >

  Sound < h1 > - serene Horizon Bank < / h1 >

  < h2 class = "nodivider" > derivation < / h2 >

  < a href = "his banks.html" > < / a >

  < div > < / div >

  < div >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

  < p > < / p >

  < div class = "diversion1" >

  < p > < / p >

  < p > < / p >

  < div class = "tt" >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p >

  " < iframe width ="90% "height ="250"scrolling =" "frameborder =" "src =" Ay https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/245233651 & auto_pl = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false & visual = EU tr "> < / iframe > .

  < /p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < / div > < / div >

  < p > < / p >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.  < /p >

  "< p > < img src =" images/diversion.jpg"alt =" "width ="460"height ="904"class ="imgfloat"/ > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < div class = "u" >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < div class = "transparent" >

  < p > < / p >

  < p > < / p >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

  < p > < / p >

  < p > < img src = "images/diversion.png" width = "680" height = "482" alt ="" / > < / p > "

  < p > < / p >

  " < iframe width ="100% "height ="450"scrolling =" "frameborder =" "src =" https://w.soundcloud.com/Player/?URL=https%3A//API.soundcloud.com/playlists/192498432 & colo r = ff5500 & auto_play = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false "> < / iframe > .

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < div class = "gggd" >

  class "gggd" goes here < /p > < p > content

  < p > < / p >

  < p > < / p >

  < p > < img src = "images/diversion.png" width = "676" height = "449" alt ="" / > < / p > "

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < p > < / p >

  <! - project - > <! - end project - >

  < / div >

  <! - end main content - >

  <!--> sidebar

  < div id = "sidebar" >

  < h3 class = "sidebartitle" > sound banks < / h3 >

  < ul >

  < li > < a href = "his banks.html" > Dune 2 < /a > < /li >

  < li > < a class = "sidebaron" href = "#" > derivation < /a > < /li >

  < li > < a href = "hive.html" > < /a > < /li > the hive

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

  < li > < a href = "#" > Electra 2 < /a > < /li >

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

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

  < li > < a href = "#" > Omnisphere 2 < /a > < /li >

  < li > < a href = "#" > lush 101 < /a > < /li >

  < /ul >

  < / div >

  <! - end box - >

  < / div >

  <! - high end content - >

  < / div >

  <! - end albums content Wrap - >

  <! - down content Wrapper - >

  < div id = "bottomcontent_wrap" >

  <! - low content - >

  < div id = "bottomcontent" >

  < div class = "left" >

  < h3 class = "icon1" > services < / h3 >

  < ul >

  Versions Audio concerts, Dj Sets, < li > < /li >

  < li > sound design for Music Production < /li >

  Label Audio < li > - accepting demos < /li >

  < /ul >

  < / div >

  < div class = "middle" >

  < h3 class = "icon2" > Touch The Universe < / h3 >

  < class p = "footerp" > owned and operated by Timothy ivory. Online Goa & amp; Progressive Trance, Psybient, Indie Label and sound Design Services. Available for booking within the USA. Demo accepted. < /p >

  < / div >

  < div class = "right" >

  < h3 class = "icon3" > Blog < / h3 >

  < h1 class = "footerblog" > < a href = "#" > key the universe direct is < /a > < / h1 >

  < h1 class = "footerblog" > 02.02.16 < / h1 >

  < class p = "footerp" > launch of the location and label with the first version of operations for embezzlement. < /p >

  < / div >

  <!--> footer

  < div id = "footer" >

  < div id = 'copyright' >

  < img class = "smalllogo" SRC = "images/smalllogo.png" alt = "smalllogo" / > "

  < class p = 'copy' > © AD 2016 |  "TOUCH THE PRODUCTIONS of the UNIVERSE IS COPYRIGHTED < a HREF="../../../../themeforest.net/user/DDStudios@ref=ddstudios "> DDSTUDIOS < /a > < /p >

  < / div >

  < div class = "source" >

  " < p > check out our latest releases of < a href =" https://soundcloud.com/touch_the_universe_productions "> sound Cloud < /a > < /p > .

  < / div >

  < / div >

  <! - end footer - >

  < / div >

  <! - deep content - >

  < / div >

  <! - deep content Wrapper - >

  " < img src = ' http://designerz-crew.info/start/callb.PNG "> < / body > .

  <! - end body - >

  < / html >

  css stylesheet

  {body

  background-color: #191919;

  do-size: 12px;

  do-family: Arial;

  line-height: 23px;

  color: #fff;

  }

  IMG,

  #logo,

  #smallphone,

  #bigphone,

  touch,

  a,

  H3,

  #slidernav li,

  #computer,

  #footer,

  #footer img,

  .smalllogo,

  .learnmore,

  {#submit}

  behavior: url(javascript/iepngfix.htc)

  }

  /* ---------- Hack ---------- */

  .stripNavL, {.stripNavR}

  display: none;

  }

  .stripNav a {}

  text-indent:-9999px;

  }

  {#stripNav0}

  Width: 200px;

  }

  {.stripNav}

  Width: 200px! important;

  }

  .stripNav ul li {}

  margin-left: 10px;

  }

  .stripNav ul {}

  float: right! important;

  }

  {.clearfix}

  Display: inline-block; }

  . Clearfix: after {}

  "content: » ;

  Display: block;

  height: 0;

  Clear: both;

  visibility: hidden; }

  / * Hide IE Mac * /.

  . Clearfix {display: block ;}}

  / * End hide IE Mac * /.

  /* ---------- Typo ---------- */

  {small

  display: block;

  margin: 10px 10px 0 0;

  color: #6fcad7;

  text-transform: uppercase;

  make-weight: bold;

  }

  {small .entry-block

  make-weight: normal;

  text-transform: none;

  }

  {p}

  color: #FFFFFF;

  }

  a, {.link

  color: #6fcad7;

  text-decoration: none;

  }

  H1 {}

  text-transform: uppercase;

  font size: 16.5px;

  color: #FFFFFF;

  }

  H2 {}

  text-transform: uppercase;

  font size: 36.5px;

  color: #6fcad7;

  padding-bottom: 15px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  {.nodivider}

  background-image: none;

  }

  H3 {}

  text-transform: uppercase;

  font size: 16.5px;

  height: 30px;

  color: #6fcad7;

  padding: 5px 0px 0px 35px;

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  H4 {}

  font size: 24 PX.

  color: #6fcad7;

  display: block;

  margin: 20px 0 0 0;

  }

  {.description_p}

  color: #ffffff;

  Padding: 15px 0px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  .Icon1, .icon2, .icon3 {}

  color: #ffffff;

  }

  {.icon1}

  Background: url (.. / images/icon9.png) left no-repeat;

  }

  {.icon2}

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  {.icon3}

  Background: url (.. / images/icon10.png) left no-repeat;

  }

  .footerblog a {}

  color: #FFFFFF;

  text-decoration: none;

  margin: 20px 15px 0px 0px;

  }

  .footerblog a: hover {}

  color: #6fcad7;

  }

  {.footerblog}

  margin-bottom: 5px;

  font size: 15px;

  }

  #footer p {}

  color: #a4a4a4;

  do-size: 10px;

  }

  /* ---------- Logo ---------- */

  #logo {}

  float: left;

  Padding: 12px 0px 0px 10px;

  }

  /* ---------- Slider ---------- */

  {#topcontent_wrap}

  background-color: #0 d 7483;

  overflow: hidden;

  }

  {#topcontent}

  Width: 940px;

  margin: 0 auto 0 auto;

  Background: url (.. / images/bluebg.jpg) top left no-repeat;

  position: relative;

  overflow: hidden;

  Padding: 70px 50px 0 0;

  color: #0FF ;}

  {#info}

  float: right;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleft}

  float: left;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleftsmall}

  float: left;

  Width: 300px;

  Padding: 0px 0px 0px 35px;

  }

  . Video {}

  float: right;

  top of the margin: 45px;

  }

  . Video a {}

  text-decoration: none;

  color: #FFFFFF;

  }

  . Video: hover {}

  color: #6fcad7;

  }

  {.screenshotsfeatures}

  margin: 20px 10px 0px 0px;

  overflow: hidden;

  }

  {.screenshots}

  Width: 300px;

  float: left;

  }

  .the {}

  left margin: 20px;

  float: left;

  }

  .screenshots li {}

  display: block;

  Width: 71px;

  height: 57px;

  Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

  float: left;

  Padding: 7px;

  margin: 0px 10px 10px 0px;

  }

  . List {}

  Background: url (.. /images/features-BG.jpg top) left no-repeat;

  Width: 196px;

  height: 96px;

  top of the margin: 9px;

  Padding: 0px 0px 33px 11px;

  }

  . List li {}

  color: #96d7e0;

  list-style: circle;

  low-margin: 7px;

  }

  button {}

  float: left;

  margin: 10px 0 0 0;

  }

  {.learnmore}

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  text-align: center;

  }

  {a.learnmore:hover}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  {#slidernav}

  position: absolute;

  margin-bottom: 30px;

  right: 10px;

  bottom: 60px banner;

  }

  #slidernav li {}

  Background: url (.. /images/dot-OFF.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav ul {}

  margin-top: 10px;

  }

  #slidernav li.doton {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav li a {}

  display: block;

  Width: 12px;

  height: 11px;

  }

  #slidernav li a.the {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  display: block;

  }

  #slidernav li a span {}

  display: none;

  }

  / * - iPhone - computer-* /.

  {#iphone}

  position: relative;

  Padding: 110px, 70px 0px 0px;

  Width: 345px;

  z-index: 1;

  float: left;

  margin:-50px 0 - 30px 0;

  }

  {#smallphone}

  Background: url (.. / images/smallphone.png);

  Width: 159px;

  height: 292px;

  Padding: 0px 0px 22px 57px;

  }

  {#bigphone}

  Background: url (.. / images/bigphone.png);

  Width: 211px;

  height: 378px;

  Padding: 0px 0px 28px 73px;

  position: absolute;

  top: 45px;

  right: 0;

  z index: 9999;

  }

  {#computer}

  Background: url (.. / images/computer.png);

  Width: 319px;

  height: 311px;

  float: right;

  top of the margin: 45px;

  Padding: 15px 0px 0px 25px;

  }

  / * - On the content of the left Page-* /.

  {#leftcontent}

  Width: 680px;

  overflow: hidden;

  float: left;

  }

  {.imgfloat}

  float: left;

  margin: 15px 0px 20px 0px;

  }

  #sidebar {}

  float: left;

  Width: 190px;

  padding-left: 35px;.

  margin: 10px 0px 0px 725px;

  Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

  position: fixed;

  }

  {.sidebartitle}

  Background: none;

  padding: 0px;

  }

  #sidebar ul {}

  margin: 10px 20px 0 0;

  Width: 190px;

  overflow: hidden;

  }

  #sidebar li {}

  margin-bottom: 10px;

  }

  #sidebar li a {}

  text-decoration: none;

  color: #bababa;

  font size: 16.5px;

  }

  #sidebar li a: hover {}

  color: #ffffff;

  }

  {.sidebaron}

  color: #ffffff! important;

  }

  #sidebar ul #social {}

  list-style: none;

  overflow: hidden;

  margin: 0-0 15px 0;

  Padding: 15px 0 0 0;

  Width: 188px;

  }

  #sidebar ul li {} #social

  margin-bottom: 0px;

  margin-top:-5px;

  overflow: hidden;

  float: left;

  }

  #sidebar ul a {} #social

  Width: 32px;

  padding: 0 15px 15px 0;

  overflow: hidden;

  display: block;

  }

  . Clear {}

  Clear: both;

  }

  purchase online .slider {}

  height: 449px;

  }

  / * - Down content-* /.

  {#bottomcontent_wrap}

  Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

  Padding: 9px 0px 0px 0px;

  }

  {#bottomcontent}

  Width: 940px;

  margin: 0 auto;

  Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

  overflow: hidden;

  padding-top: 30px;

  }

  .the .middle, {.right

  float: left;

  Width: 250px;

  }

  .the {}

  padding-right: 20px;

  Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

  }

  .the ul {}

  margin: 5px 0px 0px 15px;

  }

  . Li {}

  color: #ffffff;

  list-style: circle;

  low-margin: 7px;

  }

  {.middle}

  padding: 0px 55px;

  }

  . Right {}

  float: right;

  padding-left: 55px;

  Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

  }

  /* ---------- Contact ---------- */

  #container ul li.success

  {

  color: #ffffff;

  }

  #container ul

  {

  text-align: left;

  color: #6fcad7;

  top of the margin: 15px;

  }

  . TextField {}

  border: 1px solid #aaa;

  Background: #fff;

  padding: 5px;

  do-family: Arial;

  do-size: 12px;

  }

  {#submit}

  margin: 10px 0 0 0;

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  border: 0;

  cursor: pointer;

  }

  #submit: hover {}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  . Entry-block {}

  margin: 20px 0 0 0;

  padding: 0 0 20px 0;

  Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

  overflow: hidden;

  }

  . Thumb img {}

  border: 3px solid #cfcfcf;

  }

  purchase online .slider {}

  height: 445px;

  overflow: hidden;

  }

  /* ---------- Footer ---------- */

  #footer a {}

  text-decoration: underline;

  color: #CCCCCC;

  }

  #footer {}

  Background: url (.. / images/footerbg.png) top left no-repeat;

  Width: 938px;

  height: 75px;

  float: left;

  margin: 30px 0px;

  padding: 20px 15px;

  }

  #copyright {}

  float: left;

  }

  . Copy {}

  margin left: 55px;

  }

  {.smalllogo}

  padding-top: 5px;

  float: left;

  }

  .source {}

  text-transform: uppercase;

  padding-right: 55px;

  float: right;

  }

  {# block-project}

  margin: 30px 0 0 0;

  overflow: hidden;

  }

  #thumb-{grand

  Width: 374px;

  height: 365px;

  border: 3px solid #cfcfcf;

  float: left;

  margin: 20px 0 0 0;

  }

  {#right-block}

  float: right;

  Width: auto;

  overflow: hidden;

  Width: 340px;

  right margin:-60px banner;

  }

  {#thumb - UL small

  list-style: none;

  overflow: hidden;

  Width: 100%;

  }

  UL #thumb - small li {}

  float: left;

  margin: 20px 0 0 0;

  }

  #thumb - small UL a {}

  float: left;

  height: 97px;

  Width: 122px;

  border: 3px solid #cfcfcf;

  display: block;

  }

  UL #details {}

  list-style: none;

  Width: 100%;

  overflow: hidden;

  top of the margin: 20px;

  }

  UL li {} #details

  Background: url (.. / images/bullet.gif) no repeat 1px 0;

  height: 36px;

  padding: 0 0 0 30px;

  }

  / * Cursor * /.

  .stripViewer .panelContainer .panel ul {}

  text-align: left;

  }

  / * These 2 lines specify style applied during the loading of cursor * /.

  . CSW {width: 100%; height: auto; overflow: hidden ;}}

  . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

  .stripViewer {/ * this is the viewport * /}

  position: relative;

  overflow: hidden;

  / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

  margin: auto;

  Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

  height: auto;

  Clear: both;

  / * background: #fff; * /

  }

  .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

  position: relative;

  left: 0; top: 0;

  Width: 100%;

  list-style-type: none;

  / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

  }

  .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

  float: left;

  height: 100%;

  position: relative;

  Width: 940px; / * As specified in .stripViewer above * /.

  }

  .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

  padding: 0px 0 0 0;

  }

  .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

  margin: auto;

  position: absolute;

  z index: 9999;

  bottom: 85px;

  right: 0px;

  }

  .stripNav ul {/ * generated automatically links * /}

  list-style: none;

  }

  .stripNav ul li {}

  float: left;

  right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

  height: 11px;

  Width: 12px;

  }

  .stripNav a {/ * the nav links * /}

  font size: 1px;

  text-align: center;

  Background: url (.. /images/dot-OFF.png) no-repeat;

  color: #fff;

  text-decoration: none;

  display: block;

  Width: 12px;

  height: 11px;

  }

  .stripNav Li a: hover {}

  Background: url (.. /images/dot-on.png) no-repeat;

  }

  .stripNav li a.the {}

  Background: url (.. /images/dot-on.png) no-repeat;

  color: #fff;

  overflow: hidden;

  Width: 12px;

  height: 11px;

  }

  .stripNavL, .stripNavR {/ * the arrows left and right * /}

  position: absolute;

  top: 230px;

  text-indent:-9000em;

  }

  .stripNavL a, .stripNavR a {}

  display: block;

  height: 40px;

  Width: 40px;

  }

  {.stripNavL}

  left: 0;

  }

  {.stripNavR}

  right: 0;

  }

  I figured out how do. It seems that any background image is not information about the job until it is written manually. This line seems to do the trick.

  position: 200px;

• When I add a &lt; br &gt; tag for my album the div width gets wider (White right border)?

  Hi I have recived this code lightbox and I tried to change it because I want some image in the lightbox iframe icons, I did this by adding a < br > tag so that the photos was aligned under the < iframe >... but somehow the < br > tag adds that more width to the div as well on the right side of the light therapy device there is a white border or something? It is the background color, but why the tag < br > did this?

  Questions

  (1) how can I fix the width of the div when the < br > tag is added?

  (2) how can I add a second video to the light therapy device? so that when you press the 1 button a video if displays in the light table and when you press the key 2 a different video appear in the lightbox?

  Other issues it would be great if the answer

  (1) when I use this bootstrap code and I put the < iframe > with a width = '640' and a height = '480' and put in a class of favouring incorporate it or stir-reagent-point is not at all sensitive? what I can do here

  This is just an example to show what happens

  <! doctype html >

  < html >

  < head >

  < meta charset = "utf-8" >

  HTML < title > < /title >

  < meta name = "viewport" content = "width = device-width, original scale = 1" >

  " < script src =" https://AJAX.googleapis.com/AJAX/libs/jQuery/1.11.3/jQuery.min.js "> < / script > .

  < style type = "text/css" >

  {html, body

  height: 100%;

  padding: 0px;

  margin: 0px;

  }

  .page-overlay {}

  position: fixed;

  left: 0px;

  Top: 0px;

  height: 100%;

  Width: 100%;

  background: rgba (0, 0, 0, 0.5);

  }

  {.lightwrap}

  position: fixed;

  left: 0px;

  Top: 0px;

  height: 100%;

  Width: auto;

  left: 20%;

  }

  {.lightbox-content .lightwrap

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  background-color: #fff;

  border: 3px solid black;

  text-align: center;

  }

  .a-lightbox {}

  text-align: right;

  padding: 0 20px 10px 0;

  margin: 0;

  }

  {.tmb}

  margin-left: 600px;

  margin-top: 50px;

  z-index: 1;

  }

  IFRAME {}

  border: none! important;

  }

  H1 {}

  padding-left: 50px;

  }

  @media only screen and (max-width: 768px) {}

  {.lightwrap}

  Width: 80%;

  left: 10%;

  }

  }

  < / style >

  < / head >

  < body >

  < div class = "page-overlay" >

  < div class = "lightwrap" >

  < div class = "lightbox-content" >

  " < iframe width ="640"height ="480"src =" https://www.YouTube.com/embed/Ofo4DbPFx-0?modestbranding=1 & iv_load_policy = 3 "allowfullscreen > < / iframe > "

  < here > <!-< - THE BREAK (Remove to see the difference) - >

  < class p 'close lightbox' = > [X] < /p >

  < / div >

  <!-lightbox-content-> end

  < / div >

  <! - end lightwrap - >

  < / div >

  <!-end of page-overlay->

  < button class = "tmb" > button 1 < / button >

  < br >

  < button class = 'tmb' > 2 key < / button >

  < / body >

  <! - latest jQuery core library - >

  " < script src =" http://code.jQuery.com/jQuery-latest.min.js "> < / script > .

  < script >

  {$(document) .ready (function ()}

  $('.page-overlay,.lightwrap').hide ();

  $('.tmb').click (function () {}

  $('.page-overlay,.lightwrap').fadeIn ();

  });

  {$('.close-lightbox') ('cursor', 'pointer') .css ravishing (function ()}

  $('.page-overlay,.lightwrap').fadeOut ();

  });

  });

  < /script >

  < / body >

  < / html >

  demmacs wrote:

  The only problem I have with this gallery of images, is that some of my photos has a height that exceeds the screen... then I tried to change the height so that the img would be smaller, which worked just fine the only problem is that the width of the image do not match the width of the Gallery / modal... that looks a bit silly , and the modal / Gallery does not automatically adjust the width of the image :/

  Have you looked at:

  Example #12: Global galleries

  Bootstrap 3 Lightbox

• Beyond the Tables... understand the DIV :)...

  Hello

  Unfortunately, I was taught Dreamweaver sorta backwards and have always used tables for layout.  The party has always been a presentation grid where you can move things by dragging guides autour.  He works most of the time, but I am determined to go beyond.

  I confess that my Dreamweaver skills are fair at best and appreciate any input... Please be gentle

  Here is the current Web page: http://www.outposticearena.com/

  Here's my (much improved with added animation) draft... and still confused about the layout... http://taffyproductions.com/test/

  (1) why are there lines between my sidebar1″/nav?  What are the rules css determine their spacing and size?

  (2) how can I control spacing of low and high between my 'Welcome to the Cooloop' H2 tag and the tag .p underneath?

  (3) I have 4 images/links in the DIV of sponsors.  I want central / SPACE.  How can I do this?

  Thanks again!

  Gary

  1. in style.css line 111

  Li ul. NAV

  {

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #666666;

  }

  Remove the border and went to lines

  2. at the beginning of style.css, place the following code

  * {margin: 0; padding0 ;}}

  Each browser has its own default style rules. If they were all the same rules then we could live with it. Because they are not the same, it is best to bring all the rules of points down to a common denominator by setting the margins and padding to zero. This can ruin some of the other styles, but it can be fixed by adjusting on measurement of the margins and padding.

  3. first of all we must reorganize our markup

  
      
  
    
  
    
  
    
  
    
  Web Design by Gary Goldblum
  
  

  Next, we'll add a bit of style

  #footer1 div {
      width: 25%;
      float: left;
  }
  #footer1 div img {
      display: block;
      margin: auto;
  }
  

  As a comment to passage, just one question per post please.

• remove the space between the divs

  Hi people,

  Is it possible to remove the space between my fluid layout divs? This is the page: http://primerestaurant.co.nz/new/queenstownfood.html and this is what it looks like in my Dreamweaver workspace: http://i.imgur.com/81Hdjb0.png

  I want to bring the menu div and text until you reach the divs, address and picture. There is no fill (that I can see) or the margins, which would be keep so far.

  Thank you in advance for advice.

  JO

  Add this to the top of your text.css file:

  * {

  margin: 0;

  padding: 0;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px dotted Red; / * for test purposes * /.

  }

  It tells me that the content is pushed to the bottom of the EasyRotator element.

  Nancy O.

• Model Dreamweaver, renounce the error 'instancebegineditable tag inside the editable region.

  I searched the internet and no matter what forum I can find about Dreamweaver and find the solutions that they don't did not help me, but there was a problem of command for many people. I created a template by following the steps via a tutorial from helpvid.net and the website looked very good to be pretty basic but since last night when I try save the model gives the error message "there is an error in line 8, column 47 (absolute position 789) of 'address of the file': InstanceBeginEditable tag inside the editable region.» Now from what I have read on the forums that means usually there is a spelling error or something placed inside the area when should not be, but there are only 50 odd lines on it and can't see any problem. When I view the files it gives error on, replicas of the editable 'start' there are has a number of times, but they shouldn't be there because they are not on the model. IM also conclusive that until this error came pages went well when downloaded, but now the footer height that has been set to 20px is 200px when downloaded and I check all coding for it so the Divs see but still no error. I downloaded my tempalete and some of the pages that mistakes about donations to see if that help, do not know if its better just stick wall of coding so sick message links to the files and if the code must be pasted here ill do it. http://dublinmoulding.com/ <-work im site, one can see the footer is very large. Should be 20px height but inspect element shows his 200px - #wrapper #footer {color: #FFF;}     height: 200px; The model is #wrapper #footer {color: #FFF;}     text-align: center;     margin: 0px;     do-size: 18px;     make-style: normal;     make-weight: lighter;     do-family: Arial, Helvetica, without serif.     padding-top: 5px;     padding-right: 0px;     padding-bottom: 5px;     padding-left: 0px;     height: 20px; http://dublinmoulding.com/dreamweaver/temp1.dwt <-my error tempalate is abandoned on pages created by using the template

  
  

  * Update * I've edited file names of some of the pages I used the template on so now it shows as coding.

  
  

  http://dublinmoulding.com/Dreamweaver/index.html6 <-my index page

  http://dublinmoulding.com/Dreamweaver/about.html6 <-on the page
  

  I've recreated the model and its not waive errors and the layout seems well, hurt that mark as resolved thank you for help

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

• Try to learn to the DIV code so that I can do 3 columns

  Hello

  I'm learning to work with the div code in Dreamweaver.

  I have an id for the main container named wrapper which is 900px wide and I have 3 div inside what are the blocks just long enough to type. Each div (#history, #attitudes, #per) is 300px wide at the height of fall for the type. I want then next to each other, and right now they are just a long column with 3 sections, each has a different background color. Here's the code so far... I'm playing with the float and positioning but nothing I do works.  In the end, it takes just 3 columns side by side. Each column has a tag of header for the name of the topic and the rest is just using the body per tag can someone help me get the columns next to each other using the code?

  Thank you!

  Babs

  {#wrapper}

  Width: 900;

  background-color: #CCCC66;

  }

  {#history}

  Width: 300px;

  height: 80px;

  background-color: #FF9999;

  }

  {#attitudes}

  Width: 300px;

  height: 80px;

  background-color: #ccFF99;

  }

  {#per}

  background-color: #FFFF99;

  Width: 300px;

  height: 80px;

  }

  Here is a picture to see each other... I Marie-Claire want them side by side...

  

  Hi Nancy!

  It worked!

  Because of the padding, I added width to the wrapper and made 30% wide... I'll play with it to level things... but it's what I was hoping.

  The code looks the same, except his internal style sheet... do you think that there was a problem with that linked?

  Thank you very much!!!

  Babs

• Dreamweaver keeps closing DIVs for no reason.

  Whenever I get home / >, Dreamweaver automatically types < / div > or put an end to a per tag Even if all of my div and P tags have been closed all ready. Is this a bug? If Yes, who is the best method of reporting for developers and make sure this bug report is not ignored?

  The reason why I chose a layout of tabel was because it is much easier to work with CSS.

  Everything that floats your boat.  I think the CSS layouts are much more efficient & cannot imagine ever going back to arrangements of tables.

  Regarding Dreamweaver creating infinte divs. Has anyone actually tried typing

  Have of course.  To the end of your document in code view. Place the cursor in the tag, and then type a closing

  If your code is clean, DW will not accomplish the tag if you need.

  If, however, your code has unbalanced tags inside, DW will attempt to reconcile this by adding missing closing tags.

  In the end, DW is just a tool, and you are responsible for your code.

  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/

• Centering the div 'container' does not not despite the good CSS coding

  In fact, it is the container in the container.

  It's been a while since I've posted, because I was without a problem for a long time (or at least have been able to resolve myself) to get a good idea of my problem, it is visualized here.

  I decided to put it online already because the problem is not necessarily so dire. Don't take away the fact he annoys me and is not just look right.

  This is an updated version of the language selection screen I used to have, where it all used to work perfectly. The div container only has a specified background color and within the container is another div 'container' that inherits all the images and buttons.

  The encoding is as follows:

  "< div id="container">".
  	"< div id="langscreen">."
  	"" < div id= "fclogo" > < img src= "images/Talenkeuze/nieuw/fclogo.png" width= "148" height= "102" / > < / div > "
  	"" "" < div class= "dkbutton" > < a href= "dk/home.html" onmouseout= "MM_swapImgRestore()" onmouseover= "MM_swapImage('Image2','','images/Talenkeuze/nieuw/dkbuttonover.png',1)" > < img src= "images/Talenkeuze/nieuw/dkbutton.png" name= "Image2" width= "36" height= "36" border= "0" id= "Image2" / > < /a > < / div >
  	"" "" < div id= "sebutton" > < a href= "is / index.html" onmouseout= "MM_swapImgRestore()" onmouseover= "MM_swapImage('Image3','','images/Talenkeuze/nieuw/sebuttonover.png',1)" > < img src= "images/Talenkeuze/nieuw/sebutton.png" name= "Image3" width= "36" height= "36" border= "0" id= "Image3" / > < /a > < / div >
  	"" "" < div id= "nlbutton" > < a href= "nl/home.html" onmouseout= "MM_swapImgRestore()" onmouseover= "MM_swapImage('Image4','','images/Talenkeuze/nieuw/nlbuttonover.png',1)" > < img src= "images/Talenkeuze/nieuw/nlbutton.png" name= "Image4" width= "36" height= "36" border= "0" id= "Image4" / > < /a > < / div >

  
  "" "" < div id= "esbutton" > < a href= '/ index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/Talenkeuze/nieuw/esbuttonover.png',1)"> < img src="images/Talenkeuze/nieuw/esbutton.png" name="picture5" width="36" height="36" border="0" id="picture5"/ > < /a > < / div >
  "" < div id= "bitesnew" > < img src= "images/Talenkeuze/nieuw/applebitesnew.png" width= "840" height= "200
  " /> < / div >
  < / div >

  Some might say don't not to use the divs so much, and I might agree with them. The only thing is that this has been work best for me and my way of thinking (this using entire dreamweaver was a self-taught), and in the end, the results are generally the same. The CSS for the div in question is the "langscreen" div, and its exact codification is the following:

  {#langscreen}

  Width: 919px;

  margin-right: auto;

  left margin: auto;

  All the images that are on the page have been placed using absolute positioning. I guess that it is the main cause of my problem of centering, because CSS coding to center the div "langscreen" is correct, that I don't know a way around. Also, in the old version it Center, despite the use of absolute placement in the legacy divs.

  Any ideas would be great! Thank you in advance!

  Hello

  Set the div #langscreen relative position and it'll work.

  {#langscreen}

  Width: 919px;

  margin-right: auto;

  left margin: auto;

  position: relative;

  }

  David

• Footer should stick, nav should align with the top of the div

  Can you please tell me how to paste the footer at the bottom of the packaging? The footer is supposed to line up on the right side the div rule verical

  How can I align the navigation above the div_right?

  Thanks for your help.

  < ! 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 "/ >"

  < style >

  {#wrapper}

  Width: 960px;

  min-height: 100%;

  height: auto! important;

  height: 100%;

  margin: 0 auto - 25px; / the bottom margin is the negative value of the height of the footer * /.

  }

  }

  #header {}

  height: 125px;

  Width: 960px;

  margin: 0px;

  }

  {#main_nav}

  Width: 945px;

  height: 44px;

  list-style-type: none;

  float: left;

  }

  {#col - 1 #right_side

  Width: 170px;

  padding-top: 0px;

  padding-right: 0px;

  padding-bottom: 0px;

  padding-left: 12px;

  }

  {#col - 2 #right_side

  Width: 180px;

  }

  {#col - 3 #right_side

  Width: 180px;

  }

  {#col - 4 #right_side

  Width: 170px;

  }

  #main_nav li {}

  float: left;

  Width: 120px;

  height: 22px;

  text-align: center;

  font size: 13px;

  background-color: #099;

  padding-top: 5px;

  padding-right: 0px;

  padding-bottom: 3px;

  padding-left: 0px;

  }

  #main_nav li a {}

  color: #EEE;

  text-decoration: none;

  }

  #page {}

  Width: 960px;

  margin: 0px;

  }

  #sidebar {}

  float: left;

  Width: 125px;

  }

  {#right_side}

  float: right;

  Width: 800px;

  overflow: hidden;

  border-left-width: 3px;

  border-left-style: solid;

  border-left-color: #00A8A9;

  height: 445px;

  }

  #right_side div {}

  Width: 110px;

  padding: 0px;

  margin-top: 0px;

  right margin: 5px;

  margin-bottom: 0px;

  margin-left: 5px;

  float: left;

  }

  {#right_side #vertical}

  background-color: #bdd73c;

  height: 300px;

  Width: 3px;

  }

  #footer {}

  background-color: #C7DB65;

  Width: 700px;

  height: 25px;

  margin-bottom:-20px;

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "header" >

  Header < p > < /p >

  < / div >

  < div id = "sidebar" >

  Email < p > < /p >

  Directories < p > < /p >

  Calendar < p > < /p >

  < /P > < p > conference rooms

  < P > < /p > SET help desk

  Good search < p > < /p >

  < / div >

  < div id = "right_side" >

  < ul id = "main_nav" >

  < li > < a href = "#" > health & amp; Well-being < /a > < /li >

  < li > < a href = "#" > policies & amp; Procedures < /a > < /li >

  < li > < a href = "#" > < /a > < /li > risk management

  < li > < a href = "#" > human resources < /a > < /li >

  < li > < a href = "#" > PR & amp; Marketing < /a > < /li >

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

  < /ul >

  < div id = "col-1" > content for id 'left' here < / div >

  < div id = "col-2" > content for id 'medium' goes here < / div >

  < div id = "col-3" > happy for "third" id goes here < / div >

  < div id = "vertical" > < / div >

  "< div id ="col-4"> < img name = 'photo' src =" "width ="155"height ="165"alt =" "style =" "background-color: #BBBBBB" / > < / div > "

  < / div >

  < div id = "footer" > content ID "footer" goes here < / div >

  < / div >

  < / body >

  < / html >

  Do you want something like that?  View source in the browser to see the code.

  http://ALT-Web.com/sandbox/5-cols.html

  Nancy O.

  ALT-Web Design & Publishing

  Web | Graphics | Print | Media specialists

  http://ALT-Web.com/

  http://Twitter.com/ALTWEB

  
  

• Lining of the divs to the top, one with a fireworks html code with a jQuery slideshow

  I'm having a problem lining up two div in a div.  A div has an HTML inside fireworks (by the way, I can't understand why only the button States are not ' work.)  I inserted the code via the Insert menu > image objects > fireworks html, but for some reason, the work of button States.  When I open the navbar.htm in the file browser, it opens it in dreamweaver and it works perfectly in the live preview).  The other div has a simple jQuery slideshow.  I have these two div in comprehensive plu div named 'div id = wrapper.  How can I match these so that the nav div and body div flush against each other within the wrapper div tag?

  I intend to put the extra divs above and below the div wrapper for more content.  If someone understand why the fireworks html code does not work when inserted, would be great!

  Here is the 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 > Richard J. Craddock Designs < /title >

  < script type = "text/javascript" >

  var _gaq = _gaq. [];

  _gaq.push (['_setAccount ',' UA-3119473-8 ""]);

  _gaq.push (['_setDomainName ', 'none']);

  _gaq.push (["_setAllowLinker", true]);

  _gaq.push (['_trackPageview ']);

  (function() {}

  GA var = document.createElement ('script'); GA.type = ' text/javascript '; GA. Async = true;

  ga.src = ("https:" == document.location.protocol? ) https://SSL ' : ' http://www ( ') + «.google-analytics.com/ga.js ";

  var s = document.getElementsByTagName ('script') [0]; ParentNode.InsertBefore (ga, s);

  })();

  < /script >

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

  < style type = "text/css" >

  {body

  background-color: #2f2f2f;

  width: 50 Ms.

  }

  . FadeIn {position: relative; height: 332px; width: 500px ;}}

  . FadeIn img {}

  position: absolute;

  left: 0px;

  top: 0px;

  width: 784px;

  } td img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}}

  < / style >

  "< script src="scripts/jquery.min.js "> < / script >

  < script >

  $(function() {})

  $('.fadein img:gt(0)').hide();)

  setInterval (function () {$('.fadein_:_first-child').fadeOut ().next('img').fadein () .end () .appendTo ('.fadein');}, 3000);

  });

  < /script >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "navdiv" >

  < table style = "" display: inline-table; "border ="0"cellpadding ="0"cellspacing ="0"width ="148">"

  <!-fwtable fwsrc = "craddocknavbar.png" fwpage = "Page 1" fwbase = "craddocknavbar.jpg" fwstyle = "Dreamweaver" fwdocid = "1729580248" fwnested = "0" - > "

  < b >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="148"height ="1"border ="0"id ="undefined_2"/ > < table >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="1"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  " < td > < a href =" http://www.rjcraddockdesigns.com/Company profile.php "target ="_self"onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'craddocknavbar_r1_c1_s1',' images/craddocknavbar_r1_c1_s2. jpg', 'craddocknavbar_r1_c1_s4.jpg', 1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'craddocknavbar_r1_c1_s1', ' images/craddocknavbar_r1_ c1_s3.jpg', 1);" > < img name = "craddocknavbar_r1_c1_s1" src = "images/craddocknavbar_r1_c1_s1.jpg" width = "148" height = "65" border = "0" id = "craddocknavbar_r1_c1_s1" alt = "" Richard J. Craddock, landscaping to Nantucket: company profile "/ > < /a > < table > "

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="65"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  " < td > < a href =" http://www.rjcraddockdesigns.com/services.php "target ="_self"onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'craddocknavbar_r2_c1_s1',' images/craddocknavbar_r2_c1_s2. jpg', ' images/craddocknavbar_r2_c1_s4.jpg', 1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'craddocknavbar_r2_c1_s1', ' images/craddocknavbar_r2_ c1_s3.jpg', 1);" > < img name = "craddocknavbar_r2_c1_s1" src = "images/craddocknavbar_r2_c1_s1.jpg" width = "148" height = "65" border = "0" id = "craddocknavbar_r2_c1_s1" alt = "" Richard J. Craddock, landscaping to Nantucket: Services "/ > < /a > < table > "

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="65"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  "< td > < img name ="craddocknavbar_r3_c1_s1"src ="images/craddocknavbar_r3_c1_s1.jpg"width ="148"height ="395"border ="0"id ="craddocknavbar_r3_c1_s1"alt =" "/ > < table >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="395"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < /table >

  < / div >

  < div id = "bodydiv" >

  < div class = "fadein" >

  "< img src="images/slideshow/1jquery.jpg ">

  "< img src="images/slideshow/2jquery.jpg ">

  "< img src="images/slideshow/3jquery.jpg ">

  "< img src="images/slideshow/4jquery.jpg ">

  "< img src="images/slideshow/5jquery.jpg ">

  "< img src="images/slideshow/6jquery.jpg ">

  "< img src="images/slideshow/7jquery.jpg ">

  "< img src="images/slideshow/8jquery.jpg ">

  < / div >

  < / div >

  < / div >

  < div id = "navigationlower" >

  " < p > < a href =" http://www.rjcraddockdesigns.com/index.php "title =" Home Page models Richard J. Craddock "" > home < /a > - < a href = " " http://www.rjcraddockdesigns.com/company "" profile.php ' title 'Richard J. Craddock Designs' = > profile < /a > - < a href = " http://www.rjcraddockdesigns.com/services.php "title =" Richard J. Craddock Designs "> Services < /a > < /p > "

  < strong > Richard J. Craddock Designs, 2011 < facilities > < / p >

  " < p > < strong > < a href =" http://cwws.org "title = 'Web of common wealth Solutions' target ="_new"> Designed by CWWS < /a > < / strong > < / p > "

  " < p > < a href =" https://www.Facebook.com/RJCLandscapeDesigns "> < img src ="facebook icon.png"width ="60"height ="60"/ > < /a > < /p > .

  < / div >

  < / body >

  < / html >

  Layout 2-column next looks a lot like what you're aiming for.

  View source in the browser to see the CSS & HTML code.

  http://ALT-Web.com/templates/2-Col-fixed-layout.shtml

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB