html - Unable to form the foooter -

-

i'm new in coding. watching tutorial , though copied code (i think) background color not applied on footer , paddings not working.

@charset "utf-8";  /* css document */  body {      margin:0;      font-family:georgia, "times new roman", times, serif;  }  .wrapper {      width: 960px;      margin: 0 auto;  }    .clear {      clear: both;  }    #phonebar {      background-color:#343434;      color: #b0b0b0;      font-size:12px;      padding: 8px 0;      text-align:right;  }    header {      background-color:#e6e6e6;      padding: 18px 0;  }    h1 {  font-weight: normal;  color:#696969;  font-size:34px;  margin:0;     float:left;  }    ul {      margin:0  }    nav {        float:right;  }    li {      list-style-type:none;      float:left;      margin-left: 25px;      font-weight:bold;      font-size: 14px;      color:#5a5a5a;      margin-top:12px;  }    #important {      padding: 40px 0;  }    #left {      float:left;      width: 510px;  }    #left h1 {      float:none;  }    img {      float: right;      background-color: white;      padding: 10px;      border: 1px solid #aaaaaa;  }    p {     font-size: 14px;     line-height: 30px;     color: #7f7f7f;    }    #moreinfo {      background-color: #343434;      padding: 15px 0;  }    .col {      float: left;      width: 280px;      margin-right: 40px;  }    h2 {      font-size: 24px;      font-weight: normal;      color: #b0b0b0;  }    foooter {      background-color: #252525;      color: #b0b0b0;      font-size: 12px;      padding: 15px 0;  }    footer span {      float: right;  }
<!doctype html>  <html>     <head>        <meta charset="utf-8">        <title>some company</title>        <link rel="stylesheet" type="text/css" href="stylesheet.css" />     </head>     <body>        <div id="phonebar">           <div class="wrapper">              find out more calling 900-555-2300           </div>        </div>        <header>           <div class="wrapper">              <h1>some company, inc.</h1>              <nav>                 <ul>                    <li>home</li>                    <li>about</li>                    <li>products</li>                    <li>contact</li>                 </ul>              </nav>              <div class="clear"></div>           </div>        </header>        <div id="important">           <div class="wrapper">              <div id="left">                 <h1>this cool</h1>                 <p>a super pac supporting mr. kasich swiped @ mr. bush, mocking him “campaign sunk rock.” @ same time, super pac backing mr. rubio continues blast mr. christie, reminding republicans of scandal involving governor’s aides on shutdown of george washington bridge, , of embrace of president obama in 2012 after hurricane sandy hit new jersey.</p>              </div>              <img src="something" alt="dog" />              <div class="clear"></div>           </div>        </div>        <div id="moreinfo">           <div class="wrapper">              <div class="col">                 <h2>another header</h2>                 <p>a super pac supporting mr. kasich swiped @ mr. bush, mocking him “campaign sunk rock.” @ same time, super pac backing mr. rubio continues blast mr. christie, reminding republicans of scandal involving governor’s aides on shutdown of george washington bridge, , of embrace of president obama in 2012 after hurricane sandy hit new jersey.</p>              </div>              <div class="col">                 <h2>another header</h2>                 <p>a super pac supporting mr. kasich swiped @ mr. bush, mocking him “campaign sunk rock.” @ same time, super pac backing mr. rubio continues blast mr. christie, reminding republicans of scandal involving governor’s aides on shutdown of george washington bridge, , of embrace of president obama in 2012 after hurricane sandy hit new jersey.</p>              </div>              <div class="col">                 <h2>another header</h2>                 <p>a super pac supporting mr. kasich swiped @ mr. bush, mocking him “campaign sunk rock.” @ same time, super pac backing mr. rubio continues blast mr. christie, reminding republicans of scandal involving governor’s aides on shutdown of george washington bridge, , of embrace of president obama in 2012 after hurricane sandy hit new jersey.</p>              </div>              <div class="clear"></div>           </div>        </div>        <footer>           <div class="wrapper">              &copy; copyright company              <span>contact@example.com</span>           </div>        </footer>     </body>  </html>

i can see problem.

foooter {    background-color: #252525;    color: #b0b0b0;    font-size: 12px;    padding: 15px 0; }

you wrote footer 3 o's instead of two.


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more