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;

}

Tags: Dreamweaver

Similar Questions

  • Problem with the format of the values in the command prompt (when you use multiple values)

    Hi all

    I have problem with the format of the values in the command prompt when you use multiple values.

    Value is year (2009) and when I use it in the drop-down list that is formatted, all right, as 2009, but when I use several values I get number as 2009,00. I put in year column format number with 0 decimal places and save by default in the year column. Year is formatted well anywhere in the query, such as 2009. Why is - what happens at the command prompt when you choose multiple values in prompt dashboard?

    Thank you

    I think the YEAR Data Type could be defined DOUBLE RPD.

    Use the CAST function in the formula (fx) and the output from test.

    CAST (INT YEAR)

    Hope, it will help you.

  • Strange problem with the formatting of the text

    Hello

    I had a strange problem with the formatting of the text. I created a document in Polish language and the strange thing happens when it divides the word to the next line. For example here on this part of the page, I have a word "umieszczamy", which should be divided "' u - CEF - szcza - my", but my Indesign divides in umi-eszczamy (as shown on the picture). " How can I fix it so it divides the word correctly?

    Concerning

    forum.jpg

    What language is awarded when you select the text? Hyphenation, but also the spelling, is controlled by the dictionary that is assigned to the text.

    If the language is correct, you might have to change the hyphenation in the user dictionary.

  • 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 formats video pro update 2.0.4

    Hello

    I have a problem with FCPX that appeared after I installed that formats video pro update 2.0.4 (very probably related to this update because had no problem before it). Final assembly runs very slowly and when I try to quit smoking I get a message that says 'Cancellation tasks background' with a progress bar that never begins. I opened the window of background tasks and there is no background running task. Only force leaving the application closes.

    System specs are:

    FCPX version 10.1.4

    Mavericks OSX version 10.9.5

    MacBook Pro 15 "in early 2011, intel core i7 at 2 GHz, 8 GB of RAM"

    Any help would be massively appreciated! Thank you

    Start by removing the preferences. Press the command and option keys at startup and confirm.

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

  • problems with table formatting

    Hi all

    I currently have problems with formatting or to use a table to record the data (well it will be saved in a .csv file, but I'm trying to use the table to get it all properly formatted to the .csv file for ease of reading). It is probably something easy I'm dominant or do not add. If someone with more knowledge of labview (I only worked a few months with her power) could guide me through the process of how to make my idea works, I would be very grateful.

    I've attached the labview file, so you can see what I'm trying to do and how I'm trying to approach it a little more.

    In addition, if you need a little more explanation, just ask.

    Thank you very much!

    At first glance, it seems that you have made more complicated it must be.

    You have a ton of controls and indicators that could be better managed as tables or groups.

    To your immediate problem of writing file, you could just build a digital table and then use the entry in the File.vi worksheet and select a comma as separator.  The step where you are creating the spreadsheet string and then write in the text file is not necessary.

  • Problem with the format SmsAddress

    Hi all

    I have a problem with SmsAddress according to the format string

    This code does not work:

    String addr = "0101234567";

    DatagramConnection dgConn;
    dgConn = (DatagramConnection) Connector.open ("sms: / /" + addr);
    SmsAddress smsAddress = new SmsAddress ("/ /" + addr);

    If I replace the address to:

    String addr = '+ 20101234567';

    This works.

    If I did not need to write the full address with country code, so how can avoid this problem.

    I found a solution for sms, country code, but I don't know if there's bettet solution or not.

    This solution is based on the International Mobile Subscriber Identity (IMSI) and the   Mobile Country Code (MCC).

    We can get the IMSI in the API of SIM (SIMCardInfo) then the first three bytes as the MCC.

    The I get the sms country code of the lookup table in the site:

    http://mobilecountrycodes.com/

    Note: You must remove the zeros before concatinating the code with local mobile phone number.

  • 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.
  • Problems with CSS on download/upgrade

    When I download my site on the server, the css formatting is lost - even though I put the CSS on the server too. Can someone please help me find the cause of this. Thank you

    Your home page seems to work, but links are always false.

    All your links are pointing to your local hard drive (which no one can see but you)

    file:///C|/forres_gymnastics_club2/print.CSS

    You have set your site in Dreamweaver? Not to do, it is often a cause of this.

  • 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

  • I have a problem with the numbers. Help, please!

    I have a problem with the numbers. I am trying to create a formula that can add a cell only when another cell with a pop-up menu returns on a specific pop.  I can't ignore the cell if it is not on specific pop upward.

    assuming the cell with pop's cell A1

    and if the context menu contains items:

    YES

    NO.

    MAYBE

    and the value you want to add in cell A2

    You can add the value in cell A2 when the context menu is 'YES' like this

    = if(A1="YES", A2, "") +.

    where is the expression that adds other cells if you want

    could be another cell

    = If (A1 = "YES", A2, "") + B2

    or a range of cells

    = If (A1 = "YES", A2, "") + sum (B2, D2, G2:H5)

  • Problems with the formatting of a Style sheet

    I have problems with an article on my web page, your stay at the right size.  In addition, it appears differently for different browsers.  If you go to http://bakerlake50k.com/test.php you will see the intermediate base which is black appears well behind things in front of her.  It is either too long or too short. Secondly, I have to put in a paragraph in the main section breaks, white (section #content) or it displays longer than black background (not finding that one!).

    The third problem is that the dark gray (#pad) at the bottom (above the Red) does not align flush up to the black background above her.  Is there a way to solve these problems and have them stay fixed?

    Jeannette

    You are quite welcome.  Don't forget to mark as answer if it is indeed work well for you.

Maybe you are looking for

  • Messages adds a 1

    which makes a undeliverable text. How can I remove it?

  • When digital recorders are automatically deleted?

    Hi people, I have a strange behavior with data value references in LV OOP: I would like to equip a class with a reference to data value. When the first instance of this class is created, I create a new given reference value and a semaphore and put it

  • Conflict of the 2 tests of control

    Hello Control event B0max cause actionning of the Regenerate B0 button. Can I create events additional cases for B0max and put the same code as for Regenerate B0. Thanks in advance. Pavel Fri

  • Windows XP, impossible to authenticate?

    I turned off my computer and restarted but when I get to the login screen XP my keyboard will not allow the entry of my password for access? I checked my keyboard cable and it's secure attachment but when I try and type my password, nothing happening

  • Cannot locate and download the latest Windows Defender definition update

    latest windows defender definition update was December 13, 2011 and nothing since then. On my Samsung P510 Portable Windows Update cannot locate or download the new Windows Defender definition updates.