Problem with CSS Designer in panels

Similar Questions

• Problems with css-designer panel

  Cannot display properties selectors/CSS - just gives me a grey area empty. When I click in the grey, dreamweaver crashes.

  Does anyone have similar problems and can help?
  Thanks in advance!

  (OS X 10) 7 5. (/ macPro)

  I found a solution that worked for me.

  I removed all the fonts Adobe CC installed out of my library folder: fonts and just left in the base fonts Apple as Arial, Courier etc... Launched Dreamweaver CC and the designer CSS panel work. I don't know exactly what font it is, or creates the conflict. All I know is it works fine now.

• Newbie with a problem with css/design of model pane

  I'll start by saying I've hit all the toggles in the sticky on this subject.

  Maybe I am doing something fundamentally wrong...

  CSS correctly appears in the design pane for my model and the first displayed correctly on the following pages related to this model. Same CSS (now) does not appear in the following pages the tag to this model.

  It sounds good in a browser...

  You can display a page based on my model here.

  As mentioned above:

  (1) I hit the toggle CSS

  (2) view > Style rendering > Type of screen - verified support!

  (3) view > Style rendering > display - verified Styles!

  Appreciate any help!

  Open your model and validate the code.  Correct the errors reported.

  Code Validation tools
  ------------------------------------
  CSS - http://jigsaw.w3.org/css-validator/
  HTML - http://validator.w3.org/

  Among other things, you have meta tags after the closing tag that is not there.

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

• A problem with the design of the

  Hi all

  Im a beginner with Adobe musejuste a few days ago, but actually I have my own experience with the design of Web sites!

  Today, I am facing a big problem with a Web site under creation!

  When I finished the first home page, home page, I saw that I missed something, wish is receptivity. in fact, I have not now what to do, there are a lot of rectangles and shapes and paragraphs!

  There is this white areas when I pull the horizontal bar on the left, even if I apply my rectangles stretching mode and mode fluid forms!

  and here's an example!

  When full screen mode:

  

  reagent:

  

  and this comes, even the green bar is under the stretch the width of the browser!

  

  I have more problems with delicate design, such as duplication of paragraphs and the inability to convert the navigation bar, like a menu of stationary box etc...

  Please if you can help me, because this is sort of a first job for me!

  I'll wait for your help please!

  Thanks in advance,

  Success,

  Rabi.

  ArnoDHeros wrote:

  Well, thank you very much for your answer!

  I don't know, I ask just 3 days for the homepage, I don't think that I could delete it and stard frm zero!

  but tell me, if I skip this part, empty spaces, it will be a problem for phone users, when I converted to phone available?

  not a phone copy only the page names... you would be rebuild your site for phone (whichassumes that you're going to this option) in responive layout, the rules change

  ArnoDHeros wrote:

  on the navigation bar, how can I convert it responsve box like this:

  Reactive demonstration of Navigation or menu full screen! Note that the navigation is created by a button widget!

  This demonstration of navigation is made to the office and will not work on many phones, my nokia 520 running 8.1 does not open a part of this page in ie, but I use a mini web browser application that can open most of the page without it hambuger image

  

  When you design for the web don't just test your site on office or you will make common mistakes that other office users do... phones are different devices and they do not behave like a chewed down desktop screen.

• Problem with CSS

  Hi all

  I have a problem with an ogo on the next page.

  http://empdigital.NET/dmi_css_may2011/index_test_v3_contact.html

  The other pages are fine, but I'm sure the CSS and a conflicted musy table cell will have something to do with it. My self-taught knowledge of CSS is more, but I can't find has this problem is.

  I appreiate any help.

  Concerning

  If you want the color of the logo on the left, change this in your table tag:

  to do this:

  FYI: Provisions of base tables are very old school.  The modern approach is to use CSS for layout and tables for tabular data, such as graphics or spreadsheets.

  Tables to CSS Web Design part 1-
  http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

  Tables to CSS Web Design part 2-
  http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

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

• Problem with CSS formatting! Urgent help!

  I'm having a problem with the creation of a css formatting, in the past I've used tables and I'm trying to convert my sites for my clients. I put the site using div and css tags and it looks great, until I put in the cosing of the menu bar. When I put in the menu bar coding all of a sudden the bar has a padding around her, but I can't find a padding that it would change in the css coding. I need a result as soon as possible! so please help. ill show my code below:

  It's the div of coding:

  < div id = Nav >
  < ul class = menu "drop-down" id = "bar"; "Width: 879px" name = 'Bar' >
  < class li = "style16" style = "width: 161px;" height: 22px ">"
  < a href = "default.html" style ="width: 146px" > home < /a > < /li > "
  < class li = "style10" style = "width: 169px;" height: 23px ">"
  < a href = "about.html" style ="width: 153px" > on < /a > < /li > "

  < class li = "" style = "height: 31px; Width: 175px; left: 0px; Top: 0px ">"
  < a href = "Equipment.html" class = "style18" > "
  < div class = "style10" style = "width: 156px;" height: 20px; ">
  Hardware < / div >
  < /a > < ul class = "sub_menu" >
  < li > < a href = "compressor.html" > compressors Air < /a > < /li > ""
  < li > < a href = "compactions.html" > compaction < /a > < /li > ""
  < li > < a href = "concrete.html" > equipment concrete < /a > < /li > ""
  < li > < a href = "forklifts.html" > Fork Lifts < /a > < /li > ""
  < li > < a href = "generators.html" > generators < /a > < /li > ""
  < li > < a href = "groundthawing.html" > ground thaw < /a > < /li > ""
  < li > < a href = "heaters.html" > heaters < /a > < /li > ""
  < li > < a href = "scissorlifts.html" > Scissor Lifts < /a > < /li > ""
  < li > < a href = "boomlifts.html" > Boom Lifts < /a > < /li > ""
  < li > < a href = "lighttowes.html" > light towers < /a > < /li > ""
  < li > < a href = "misc.html" > various < /a > < /li > ""
  < li > < a href = "dirtequipment.html" > Dirt equipment < /a > < /li > ""
  < li > < a href = "powertools.html" > Power Tools < /a > < /li > ""
  < li > < a href = "pumps.html" > pumps | "" Saws | Welders < /a > < /li >
  < /ul >
  < /li >
  < style li = "width: 165px" > < a href = "locations.html" >
  < div class = "style10" style = "width: 154px" >
  Locations < / div >
  < /a >
  < /li >
  < style li = "width: 180px" > < a href = "contact.html" >
  < div class = "style16" style = "height: 24 PX" >
  Contact us < / div >
  < /a > < /li >
  < /ul >

  < / div >

  It's the css coding:

  
  {#wrapper}
  Width: 880px;
  margin-right: auto;
  left margin: auto;
  background-color: #f4f4f4;
  }

  {#Navigation}
  background-image: url(Images/NAvigation%20BAr.jpg);
  background-repeat: no-repeat;
  Width: 880px;
  visibility: visible;
  height: 3 - px;
  vertical-align: top;
  }
  {Of NAV
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  Clear: both;
  height: 20px! important;
  }

  
  {#wrapper1}
  Width: 876px;
  margin-right: auto;
  left margin: auto;
  color: #F4F4F4;
  / * IE10 consumer Preview * /.
  background-image: ms-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * Mozilla Firefox * /.
  background-image:-moz-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * Opera * /.
  background-image:-o-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * Webkit (Safari/Chrome 10) * /.
  background-image:-webkit-gradient (linear, left top, upper-right, color-stop(0, #716375), color-stop(1, #E8E8E8));
  / * Webkit (Chrome, 11 +) * /.
  background-image:-webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * W3C Markup, IE10 Release Preview * /.
  background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%).
  low-margin: auto;
  }
  {#Bar}
  background-repeat: no-repeat;
  Width: 880px;
  height: 28pt;
  overflow: visible;
  background-image: url(Images/NAvigation%20BAr.jpg);
  position: relative;
  vertical-align: top;
  }

  #container {}
  Width: 880px;
  Color: #000;
  background-color: #EDEDED;
  dominant baseline: 578px;
  / * IE10 consumer Preview * /.
  background-image: ms-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * Mozilla Firefox * /.
  background-image:-moz-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * Opera * /.
  background-image:-o-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * Webkit (Safari/Chrome 10) * /.
  background-image:-webkit-gradient (linear, left top, upper-right, color-stop(0, #716375), color-stop(1, #E8E8E8));
  / * Webkit (Chrome, 11 +) * /.
  background-image:-webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%).
  / * W3C Markup, IE10 Release Preview * /.
  background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%).
  low-margin: auto;
  }

  #content {}
  float: left;
  color: #090;
  Width: 580px;
  padding-right: 6px;
  background-color: #033;
  top of the margin: 20px;
  }
  . Container {}
  Color: #000;
  background-color: #ff6;
  Width: 876px;
  }

  {#expect}
  height: 164px;
  Width: 294px;
  float: right;
  position: relative;
  background-color: #C90;
  margin left: 582px;
  padding-top: 10px;
  }
  {#hours}
  float: left;
  height: 55px;
  Width: 294px;
  line-height: 4px;
  Word-spacing: normal;
  white-space: normal;
  display: inline;
  letter-spacing: normal;
  padding-top: 10px;
  font size: 13pt;
  Color: #000;
  margin left: 586px;
  background-color: #F99;
  }
  #footer {}
  height: 76px;
  Width: 880px;
  background-color: #CC0;
  Clear: both;
  }

  
  {#cards}
  float: right;
  height: 31px;
  Width: 294px;
  margin left: 582px;
  padding-top: 10px;
  background-color: #F36;
  }

  {#contact}
  float: left;
  height: 328px;
  Width: 293px;
  Word-spacing: normal;
  white-space: normal;
  line-height: 1px;
  Color: #000;
  display: inline;
  do-size: 14pt;
  background-color: #FFF;
  padding-top: 10px;
  top of the margin: 20px;
  }
  #header {}
  background-image: url(Images/Proquip%20Logo/Proquip%20logo2.jpg);
  background-repeat: no-repeat;
  background-position: Center;
  Width: 885px;
  height: 126px;
  background-color: #000;
  right margin: 2.5px.
  left margin: 0px;
  }

  #wrapper #container #contact {strong p
  color: #800000;
  do-size: 14pt;
  }

  #wrapper #container #contact blockquote p {}
  Color: #000;
  }
  #wrapper #container #expect div {}
  color: #900;
  do-size: 14pt;
  make-weight: bold;
  }
  #wrapper #container #hours div {}
  color: #900;
  do-size: 14pt;
  make-weight: bold;
  }
  {#box2}
  background-image: url(Images/Option%201/Services/whitebox2.jpg);
  }
  {#box3}
  background-image:URL(images/option%201/services/redbox2.jpg);
  background-repeat: repeat no.;
  background-position: Center;
  }
  {#gold}
  background-image:URL(images/option%201/logos/gold.gif);
  background-repeat: repeat no.;
  }
  {#white}
  background-image:URL(images/option%201/Proquip-pics/Box1.gif);
  background-repeat: repeat no.;
  }
  {#forklift}
  background-image:URL(images/option%201/Proquip-pics/34-01-4380.jpg);
  background-repeat: repeat no.;
  }
  {#scissorlift}
  background-image:URL(images/option%201/Proquip-pics/JLG-scissor-lifts-21.jpg);
  background-repeat: repeat no.;
  }

  / * Navigation Menu - level a * /.
  UL {}
  list-style: none
  }
  {UL. DropDown}
  font size: 13pt;
  Color: #000000;
  height: 25px;
  text-decoration: none! important;
  Width: 860px;
  position: relative;
  vertical-align: top;
  }
  {UL #bar. DropDown}
  Width: 878px;
  position: relative;
  vertical-align: top;
  }

  UL. DropDown li {}
  Police-weight: 600;
  float: left;
  Zoom: 1;
  do-family: Arial, Helvetica, without serif.
  font size: 13pt;
  display: block;
  Width: 175px;
  Color: #000000;
  top: 25px;
  text-decoration: none! important;
  text-align: center;
  }
  UL. DropDown a: hover {}
  color: #cc0000;
  }
  UL. DropDown a: active {}
  Color: #000000;
  }
  UL. DropDown li a {}
  display: block;
  border-right: 1px solid #333;
  Color: #000000;
  border-right-width: 1px;
  text-decoration: none! important;
  text-align: center;
  }
  UL. DropDown li: last - child a {}
  border-right: none; / * does not wotk in IE * /.
  text-decoration: none! important; }
  UL. DropDown li.hover,
  UL. DropDown li.hover {}
  Color: #000000;
  position: relative;
  height: 28px;
  Top: 0px;
  }
  UL. DropDown li.hover a {}
  color: #800000;
  }

  / * Level two Navigation * /.
  UL. DropDown ul {}
  Width: 180px;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 36%;
  display: block;
  float: left;
  Color: #000000;
  text-decoration: none! important;
  height: 25px;
  }
  UL. DropDown ul li {}
  make-weight: normal;
  Color: #000000;
  border-bottom: 1px solid #ccc;
  float: left;
  border-bottom-color: #c0c0c0;
  border-bottom-style: groove;
  display: block;
  background-color: #dbdbdb;
  text-decoration: none! important;
  }
  / * IE 6 & 7 needs to block inline * /.
  UL. DropDown ul li a {}
  border-right: none;
  display: inline-block;
  height: 18px;
  line-height: 16px;
  Color: #000000;
  Width: 100%;
  text-decoration: none! important;
  }
  / * Level three Navigation * /.
  UL. DropDown ul ul {}
  top: 100%;
  Color: #000000;
  text-decoration: none! important;
  }
  UL. DropDown li: hover > ul {}
  visibility: visible;
  Color: #000000;
  top: 30px;
  text-decoration: none! important;
  }

  Ah, I see now, you've introduced an error in your css. You currently have...

  UL. DropDown li {}

  Police-weight: 600;

  float: left;

  do-family: Arial, Helvetica, without serif.

  font size: 13pt;

  display: block;

  Width: 175px;

  Color: #000000;

  top: 25px;

  text-decoration: none! important;

  text-align: center;

  {margin: 0; padding: 0}

  }

  Delete these extra {}...

  UL. DropDown li {}

  Police-weight: 600;

  float: left;

  do-family: Arial, Helvetica, without serif.

  font size: 13pt;

  display: block;

  Width: 175px;

  Color: #000000;

  top: 25px;

  text-decoration: none! important;

  text-align: center;

  margin: 0;

  }

• I have a problem with CSS vertical align. Help!

  This could be an easy fix, I don't know... but I've been customized style BC Photo Gallery and lightbox on this site that I'm doing for a photographer and I got a problem with the vertical alignment.

  I created my own .css document to replace styles Viewer by default in British Colombia, and now all I'm left with tries to Center vertically the lightbox image. I googled some methods and tried, but had no luck...

  http://michaellaphotography.BusinessCatalyst.com/Gallery-pages/weddings

  Check out the link, and when you click on any thumbnail, you'll see what I mean.

  I know I can't use filling methods, because I work with pictures in portrait and landscape.

  Thanks for your help!

  The light therapy device you use made for the creation of a larger full size of the image.  As a general rule, if you have a portrait image that is larger that the screen of the user enough scroll a little more.

  If you temporarily remove the CSS for "img #lightbox" on line 20 of myStyles.css you'll see how lightbox works in native mode. This should be good since the user wants to zoom and see a bigger picture when they click on it and it will be as big as possible on their screen.

  Once you see what I mean with the changes, I can tell you how to make sure the portrait images do not expand to full height and beyond the viewport. Rather than delete the CSS "img #lightbox" statement like I said before, this time change for:

  #lightbox img {}

  Width: auto;

  height: 100%;

  }

  This will ensure the images in the light therapy device take 100% of the height of the lightbox container and the width dimensionnera automatically to keep the proportion of the image. Landscape photos will be large and landscape photos will not be larger than the viewport.

• Problem with the design view in Dreamweaver CS5

  Hi all

  I'm having a problem with my creation mode on a page I created in Dreamweaver CS5.

  The files can be found here as well as a jpeg file showing the issue I'm having.

  http://www.siltd.co.UK/PRB/

  Everything was fine until I added the three classes:

  {.crproductsrightpanelheading}

  Width: 186px;

  top of the margin: 25px;

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

  background-repeat: no-repeat;

  background-position: left;

  padding-left: 28px;

  do-family: Arial, Helvetica, without serif.

  color: #FFF;

  do-size: 14px;

  line-height: 27px;

  float: left;

  Clear: right;

  }

  {.crproductsrightpanellist}

  Width: 199px;

  top of the margin: 5px;

  padding-left: 5px;

  float: left;

  overflow: auto;

  }

  .crproductsrightpanellist li {}

  do-family: Arial, Helvetica, without serif.

  color: #FFF;

  do-size: 12px;

  list-style-image: url (.. / images/crdash.jpg);

  line-height: 18px;

  list-style-position: inside;

  }

  Now, I can hardly see what is happening.

  It's good in Live View mode and also when published, but design view is like having a steering wheel towards the bottom of my pants... It's driving me crazy!

  What it looks like when published can be seen here:

  http://www.siltd.co.UK/new%20SI%20Site/crproducts.html

  Any help telling me where I went so wrong would be appreciated.

  Thanks in advance.

  Andy

  Run your pages through this validator and clean up any errors...

  http://validator.w3.org/

  For now, you have a large number of errors that need to be addressed, about 90 altogether.

  While some browsers allow to better interpereting what you wanted to do than others (IE being the absolute worst), DW is a maniac, especially in Design view. It is still displayed incorrectly in DW after you fix all the problems, after return and we can take a closer look.

• Problem with css background

  Hey guys, I have a problem with a code. I have some divs nested inside a container for body copy dive, but I have a problem with the background of the div container behind the nested divs. I have this problem with the background, when am I going to float the nested divs.

  Here's a copy of my html code as well as a copy of my related css stylesheet.

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>Welcome to Optimus Lens</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript">
  function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  }
  function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  }
  
  function MM_findObj(n, d) { //v4.01
    var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
      d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
  }
  
  function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
     if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  }
  </script>
  <style type="text/css">
  #sector {
       background-repeat: no-repeat;
       background-position: left;
       width: 869px;
       margin-top: -51px;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
  }
  #oag {
       width: 574px;
       margin-left: 23px;
       float: left;
       /* [disabled]position: relative; */
  }
  #small_col {
       width: 279px;
       margin-right: 23px;
       float: right;
       /* [disabled]position: static; */
  }
  </style>
  </head>
  
  <body onload="MM_preloadImages('images/home_over.jpg','images/our_mission_over.jpg','images/products_over.jpg','images/news_over.jpg','images/order_over.jpg','images/contact_over.jpg')">
  <div id="CONTAINER">
         <div id="header"><img src="images/header_top.png" width="916" height="39" />
         <img src="images/header_logo.jpg" width="916" height="95" />
        <img src="images/header_image.jpg" width="916" height="266" />
         <img src="images/header_bar.jpg" width="916" height="9" />
  </div>
    
        <div id="menuContainer">
      
       <!-- NAVIGATION -->
           
                  <ul> 
                  <li>
                  <img src="images/fold_left_top.png" width="22" height="35" /><img src="images/menu_left.jpg" width="197" height="35" />
                  </li>
                  <li>
                      <div class="menu n1"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/home_over.jpg',1)"><img src="images/home_up.jpg" alt="home" name="home" width="66" height="35" border="0" id="home" /></a></div></li> 
                  <li>
                    <div class="menu n2"><a href="mission.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Our Mission','','images/our_mission_over.jpg',1)"><img src="images/our_mission_up.jpg" alt="Our Mission" name="Our Mission" width="124" height="35" border="0" id="Our Mission" /></a></div></li> 
                  <li>
                      <div class="menu n3"><a href="products.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/products_over.jpg',1)"><img src="images/products_up.jpg" alt="products" name="Products" width="98" height="35" border="0" id="Products" /></a></div></li> 
                  <li>
                      <div class="menu n4"><a href="news.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','images/news_over.jpg',1)"><img src="images/news_up.jpg" alt="News" name="News" width="77" height="35" border="0" id="News" /></a></div></li> 
                  <li>
                      <div class="menu n5"><a href="order.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Order','','images/order_over.jpg',1)"><img src="images/order_up.jpg" alt="Order" name="Order" width="77" height="35" border="0" id="Order" /></a></div></li>
                  <li>
                    <div class="menu n6"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/contact_over.jpg',1)"><img src="images/contact_up.jpg" alt="Contact" name="Contact" width="80" height="35" border="0" id="Contact" /></a></div></li>
                  <li>
                    <img src="images/menu_right.jpg" width="197" height="35" /><img src="images/fold_right_top.png" width="22" height="35" /> </li>
                  </ul>
      
        </div>
         <div id="header_bottom"><img src="images/fold_left_bottom.png" width="22" height="38" /><img src="images/header_bottom.jpg" width="916" height="38" /><img src="images/fold_right_bottom.png" width="22" height="38" />
      </div>
  
       <div id="bodycopy">
         <div id="sector">
        <img src="images/home/sector_top.png" width="869" height="341" alt="sector frames" />
        </div>
        
         <p> </p>
        
         <div id="oag">
        <img src="images/home/oag_join.png" width="574" height="281" alt="save with oag" />
        <p> </p>
        <img src="images/home/bottom.png" width="574" height="132" />
        </div>
        
        <div id="small_col">
        <img src="images/home/optimize_small.png" width="279" height="132" />
        <p> </p>
        <img src="images/home/intuition_small.png" width="279" height="132" />
        <p> </p>
        <img src="images/home/intuition_small.png" width="279" height="132" />
        </div>
       </div>
  
      <div id="footer"><img src="images/footer.png" width="916" height="52" />
    </div>
  </div>
  </body>
  </html>
  body {
       margin: 0px;
       background-image: url(images/background_fade_04.jpg);
       background-repeat: repeat-x;
       background-position: top;
       background-color: #DCDCDC;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 13px;
  }
  #box1 {
       background-image: url(images/bodycopybox_01.png);
       background-repeat: no-repeat;
       background-position: left;
       height: 54px;
       width: 869px;
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
  }
  
  #box2 {
       background-image: url(images/bodycopybox_02.png);
       background-repeat: repeat-y;
       background-position: left;
       width: 869px;
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
  }
  .bodycopybox {
       padding-right: 40px;
       padding-left: 40px;
  }
  .bodycopyboxheader {
       padding-right: 40px;
       padding-left: 40px;
       font-weight: bolder;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 14px;
       color: #21368b;
  }
  
  
  
  #box3 {
       background-image: url(images/bodycopybox_04.png);
       background-repeat: no-repeat;
       background-position: left;
       height: 31px;
       width: 869px;
       margin:0 auto;
  }
  
  #box4 {
       background-image: url(images/bodycopybox_03.png);
       background-repeat: no-repeat;
       background-position: left;
       height: 31px;
       width: 869px;
       margin:0 auto;
  }
  
  p {
       margin: 0px;
  }
  
  #header_bottom {
       width: 960px;
       margin:0 auto;
  }
  
  #CONTAINER {
       width: 100%;
       margin:0 auto;
  }
  #header {
       width: 916px;
       margin:0 auto;
  }
  #menuContainer {
       width: 960px;
       margin:0 auto;
       height: 35px;
  }
  #menuContainer ul{
       list-style:none;
       height:35px;
       margin:0;
       padding:0;
  }
  #menuContainer li{
       float:left;
       height:35px;
       margin:0;
       padding:0;
  }
  #menuContainer li a{
       text-align:center;
       float:none;
       height:35px;
       margin:0;
       padding:0;
  }
  div.menu{position:relative;}
  .n1{
       width:66px;
       float:left;
       display:inline-block;
       clear:both;
  }
  .n2{
       width:124px;
       float:left;
       display:inline-block;
       clear:both;
  }
  .n3{
       width:98px;
       float:left;
       display:inline-block;
       clear:both;
  }
  .n4{
       width:77px;
       float:left;
       display:inline-block;
       clear:both;
  }
  .n5{
       width:77px;
       float:left;
       display:inline-block;
       clear:both;
  }
  .n6 {
       width:80px;
       float:left;
       display:inline-block;
       clear:both;
  }
  #bodycopy {
       background-color: #FFFFFF;
       width: 916px;
       padding: 0px;
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
  }
  #footer {
       width: 916px;
       margin:0 auto;
       padding: 0px;
  }
  			 
  Hey guys, I have a problem with a code. I have some divs nested inside a dive of container for the body copy, but I have a problem with the background of the div container behind the nested divs. I have this problem with the background, when am I going to float the nested divs.
  I come to this quote.  The background of this div container is set to white (#FFF).  The other 3 that are nested inside have no defined background.  There are images placed inside them, but nothing of what happened to the bottom, so if it is empty it should inherit the parent container which is white.
  Can you show us a screenshot or view the page online for testing?
  		   

• Perhaps another problem with Css

  I think this is another problem with my CSS is applied because of a problem but I have really no idea.

  The site is Alliance of injuries. The problem is with the images in the middle of the page. They are supposed to be in three rows of 3-3-2, but for some reason some they just below the other. When I click on Home.css in the "View Source", it is titled 'Page not found' don't know why.

  Anyone who has any ideas I would appreciate it.

  Brad

  First thing - you must stop using filenames with spaces in them.  That can get you into trouble.  Use only letters, numbers, dash or underscore - nothing else.

  Next thing, the image and CSS links in this page (located at the root of the site) are all (except two) wrong links related document, for example,.

  If the page is already at the root of the site, there is no ".." as possible.  It is sure to cause you problems.  All these links need to be just like this one (which is correct)-
  (although the Home.CSS file does not appear on the server!)
  The reason why your images are displayed in a vertical table is that each of them is contained in a

  container with no specified width (was this width specified in the Home.css file does not exist?).  So that they appear along a horizontal line, you need to specify the width of the div and float tag he left.

• Problem with CSS/Template in IE display

  Hello
  
  I have a problem with a new website http://www.halloween-mayhem.com. The CSS is http://www.halloween-mayhem.com/MasterCSS3Col240606.css and the model to http://www.halloween-mayhem.com/Templates/MasterHM3Col250606.dwt
  
  Seen in Firefox, everything is going well, but in IE the right sliding content to the bottom of the page beyond the menu. No idea what I missed or done wrong please?
  
  Any help much appreciated.
  
  Roy

  Thanks Murray, that was the problem. I can't count!

  Roy

• problem with remote façade panels

  Hello

  I followed this tutorial

  http://digital.NI.com/public.nsf/allkb/7F95D43D3F50FCAC8625710E000068E1

  with a vi of examples

  Everything seems correct, but when I connect to the application built with the browser, it get stuck with 0% load (see figure lissajous.png). Do a reload of the page I have crash plugin container (Fig. lissajous2.png). I get the same problem with exproler and firefox.

  The stand alone application rus fine (lissajous1.png)

  Sorry I made a mistake in the previous comment.

  I add the other digits.

  I don't know if this line in the err.log file is normal:

  default: 3 pool.0 LVRFPHandler return dummy file

  This means that the server sends a dummy file instead of the right?

  Sincerely

  Juan

  PS: extract log file

  
  GET /.LV_FrontPanelProtocol.rpvi110 HTTP/1.1
  pool.0 request: 3 24236: default: is the service host
  default: 3 pool.0 in LVAuthHandler::cloneHandler()
  default: 3 pool.0 in LVAuthHandler::LVAuthHandler()
  default: 3 pool.0 LVAuthHandler always match requests
  default: 3 pool.0 in LVRFPHandler::cloneHandler()
  default: 3 pool.0 in LVRFPHandler::LVRFPHandler()
  default: 3 pool.0 in LVRFPHandler Setup()
  default: 3 pool.0 LVRFPHandler handling request
  default: 3 pool.0 LVRFPHandler return dummy file
  pool.0 request: 3 24236: answer: >
  HTTP/1.1 200 OK ^ M
  Date: Thu, 11 Sep 2014 12:14:11 GMT ^ M
  Server: Mbedthis-Appweb/11.5.0^M
  Content-type: application/x-labviewrpvi110 ^ M
  Content-length: 12 ^ M
  Connection: keep-alive ^ M
  Keep-Alive: timeout = 60000, max = 99 ^ M
  ^ M
  default: 3 pool.0 in LVAuthHandler::~LVAuthHandler()
  default: 3 pool.0 in LVRFPHandler::~LVRFPHandler()
  pool.0 request: 3 24236: finishMaRequest: persistent attempt
  httpServer:3 pool.0 new IPADDRESS connection for: 8000
  pool.0 request: 3 24244: application of IPADDRESS:50980 to: 8000
  pool.0 request: 3 24244: parseFirstLine:
  

• problem with CSS copy paste in Dreamweaver CS4

  Having a problem in CS4 when I want to copy and paste things in my style sheet.
  Whenever I do ctrl + c to select something of any stylesheet gets selected. And this isn't what I want.
  Even is I want to copy something from another css in the css I work now it won't work.
  
  Anyone having the same problem and found a solution?

  Forgive me, I'm new to DW CS4, but I may have a solution.  I met the problem of css copy as well, but I have disabled (unchecked) "associated files to enable" (Edit-> preferences-> General-> Options of Document-> activate the associated files).  I had to restart Dreamweaver, but this seems to have fixed the bug.

  I've never used the function 'Enable related files', this isn't a big problem for me - much less of a big deal than not being able to copy and paste.  At least, it seems to be a stable work around the problem of "css copy paste.

  I hope that helps!  Let me know if that solves the problem for someone else.

  -Trevor

  Vista Home Premium 64

  DW CS4 Version 10.0 Build 4117

• Problems with sensitive design

  So essentially the responsive design layout for mobile work with my site except for the menu and a title. They don't seem to be setting when you change the size of the screen. Take a look on your phone at the www.btccs.co.uk and you will see the problem. I'll put the code below. Thanks in advance.

  Header html:

  div class = "fluid header" id = "header" >

  < div class = "menu fluid" >

  < ul >

  " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/contact.php "> contact < /a > < /li > .

  " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/blog.php "> Blog < /a > < /li > .

  " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/services.php "> services < /a > < /li > .

  " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/about.php "> on < /a > < /li > .

  " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.UK "> Home < /a > < /li > .

  < /ul >

  < / div >

  "< div class ="fluid logo"> < img src="morris_construction/images/logo.png "width ="100% "height ="100% "> < / div >

  < / div > <!--end of header-->

  CSS header:

  . Header {}

  height: 100%;

  Width: 100%;

  background-color: #FFFFFF;

  z-index: 1000;

  top of the margin: auto;

  margin-right: auto;

  position: relative;

  Max-width: 480px;

  Max-height: 81px;

  padding-left: 0px;

  }

  .logo {}

  height: 100%;

  Width: 100%;

  float: left;

  margin-top:-55px;

  Max-height: 85px;

  Max-width: 180px;

  }

  .menu {}

  height: 100%;

  Width: 54%;

  float: right;

  color: #494949;

  background-color: #FFFFFF;

  z-index: 1000;

  Max-width: 45%;

  max height: 51%;

  }

  .menu ul {}

  make-style: normal;

  font-size: 240%.

  list-style: none;

  text-indent: 2%;

  Police-weight: 400;

  do-family: «Sansation regular»;

  Width: 221%;

  Max-width: 480px;

  margin left:-144%;

  }

  .menu ul li {}

  float: right;

  font size: 25%;

  top of the margin: 7%;

  do-family: «Sansation regular»;

  }

  .menu ul li a: hover {}

  color: #D93638;

  }

  {.menu_ul_li_a_href}

  Color: #000000;

  }

  The provision is too broad.  I see a horizontal scroll bar in all windows.   The whole point of RWD is optimization of layouts and never must scroll horizontally to view the content.  Click on the screenshot.

  

  You also have a CSS code in the menu that makes no sense. For example, z-index does nothing except on the components in position.  Width: 220%, is that all?  I propose to replace the menu, that you now by a reagent.

  Pop-Menu Magic3 of PVII (commercial extension of DW)

  http://www.Projectseven.com/products/menusystems/pmm3/index.htm

  Receptive iconic

  http://www.dynamicdrive.com/style/csslibrary/item/responsive_iconic_menu/

  Receptive hybrid

  http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html

  jQuery Superfish

  http://users.TPG.com.au/j_birch/plugins/SUPERFISH/

  jQuery (sensitive on mobile) MeanMenu

  http://www.meanthemes.com/plugins/meanmenu/

  Nancy O.

• I have problems with CSS.  Poster right in DW, but not in the web browser

  Hello

  I have the difficultiy doing my Web page to look the way it does in Dreamweaver in a browser (all 5 of them).  My problems are with:

  -Title heading content

  -Sidebar

  I have two lines in my title with the name of the organization.  I made two rules.  Header H1 and a void header.  For some reason any all previewing the in a browser, there is a gap between the two words.  But in DW it does not exist.  I don't want gaps.  How can I solve this problem?

  In a browser, the sidebar comes all the way down.  There is a small gap between him and the footer.  Like the other problem, that does not appear in DW only in browsers.

  Any help would be appreciated!  I'm still learning CSS.

  According to me, these are the only two files you'll need to watch.

  Thanks for the help!

  In fact, a URL to your site online on remote server would be much more useful.  You don't have a space of remote server to test your site before it goes live if you do not, you should.  Many Internet service providers offer a free server space web (yahoo, verizon, earthlink, at & t,...).

  Use these online code validation tools and fix the errors reported.

  HTML Validator - http://validator.w3.org

  CSS Validator - http://jigsaw.w3.org/css-validator/

  Download the Web Developer Toolbar add-on for Firefox.  It's free and a must for web site designers.

  https://addons.Mozilla.org/en-us/Firefox/addon/60

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