html - DOCTYPE messes up formatting -


i know many people have similar problems when switching <!doctpye html> line, however, i've tried methods , classic

html{height: 100%;} body {min-height: 100%;}

method, along others, sadly, cannot figure out how insert code. every time add doctype, background image disappears, tried method background images, well.

here's code- http://pastebin.com/554mctvx want there still center div. hope guys can :d

~wumbo

put <!doctype html>at top of html file according w3c standardization.

  1. create separate css file mystyle.css , put css code there.
  2. make link of css file <link rel="stylesheet" type="text/css" href="mystyle.css">

::-moz-selection {      color: #ffffff;      background: #00ffaa;  }    ::selection {      color: #ffffff;      background: #00ffaa;  }    a:link {      color: #00ffaa;  }    /* visited link */  a:visited {      color: #00d486;  }    /* mouse on link */  a:hover {      color: #57ffd5;  }    /* selected link */  a:active {      color: #00ffaa;  }  #center{  width:80%;  height:125%;  margin-right:auto;  margin-left:auto;  background-color:2d2d2d;  }
<link rel="shortcut icon" href="http://i.imgur.com/bj3kbrt.png" type="image/x-icon" />  <title>welcome wumbo's site</title>    <body background="http://i.imgur.com/hysvc7m.png">  <div id="center">  <center>  <h1><font face="trebuchet ms" color="dbdbdb">this site under construction!</h1>  <p>in few months, when finished, unveil site! in meantime,  updates, follow me on twitter.  <br>  have youtube channel upload stupid crap!</p>  <br>  <h1>my social networkz</h1>  <a href="https://twitter.com/bullcloaker">twitter</a>  <br>  <a href="https://youtube.com/user/calluvdutyplayr9"> youtube channel</a>  <p> i'm not sure i'm going site,  <br>  portfolio, share drawings,  <br>  animations , other such things i've made.  <br>  seeya!  <br>  <font face="trebuchet ms" color="#00ffaa"> ~wumbo ( &#865;&#176; &#860;&#662; &#865;&#176;)</font>  </font>  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br<br><br><br><br><br><br><br><br><br><br><br><br><br><br>  <font face="arial" color="#00ffaa" size="1">you using dark site skin.<a href="file:///c:/users/jeanpaul/desktop/websites/sitelight.html">click here use light site skin</a>  <br>  <br>  <br>  <a href="file:///c:/users/jeanpaul/desktop/websites/aboutpagedark.html">about</a>  &#8226;  <a href="https://google.com">gallery</a>  &#8226;  <a href="https://google.com">videos</a>  &#8226;  <a href="file:///c:/users/jeanpaul/desktop/websites/sitedark.html">main</a>  </center>  </div>

** try follow standard tutorial manage html, css code. not mess. days there lots of html/css project management tools available make code clean , readable.


Comments

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

Nuget pack csproj using nuspec -