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.
- create separate css file
mystyle.css
, put css code there. - 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 ( ͡° ͜ʖ ͡°)</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> • <a href="https://google.com">gallery</a> • <a href="https://google.com">videos</a> • <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
Post a Comment