iSKweek Posted November 3, 2011 Author Share Posted November 3, 2011 This is just something I whipped up while bored. It is w3 validated.There is nothing exciting here, you need to add any content or pictures (of course) but there is some pointless text to show how it sits generally.I am putting this here just so people have a valid base to start form instead of using webs or any other web site generator.HTML:``` Generic CSS template# Header/Logo/Banner## Navigation menu[url]This is a link[/url][url]This is a link[/url][url]This is a link[/url][url]This is a link[/url][url]This is a link[/url]## Headingtextblahvlahvlahdsvlkkl### Another headingmore text and stuff, blah blah blah#### Text and a pictureeven more text and whatnot.Make sure everything is ok at [W3](http://validator.w3.org/)[url]![Valid CSS!](http://jigsaw.w3.org/css-validator/images/vcss)[/url][url]Valid HTML5[/url]```CSS:```body {background-color: #999999;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}div#wrapper {width: 80%;background-color:#FFFFFF;margin: 50px auto 50px auto;padding: 0px;border: thin solid #000000;}div#header {padding: 15px;margin: 0px;text-align: center;}div#navigation {height: auto;width: 25%;padding: 10px;margin-top: 1px;float: left;}div#navigation a:link { text-decoration: none; }div#navigation a:visited { text-decoration: none; }div#navigation a:hover {text-decoration: underline;color: #FF0000;}div#navigation a:active { text-decoration: none; }div#main {margin-left: 30%;margin-top: 1px;padding: 10px;}div#footer {padding: 15px;border-top: thin solid #000000;text-align: center;}div#footer ul li{color : #000000;background-color : transparent;display: inline;}div#footer ul li a{color : #115EAC;background-color : transparent;text-decoration : none;}div#footer ul li a:hover{text-decoration : underline;}``` Link to comment Share on other sites More sharing options...
Displaced Posted November 3, 2011 Share Posted November 3, 2011 why not:```margin-top: 50px;margin-bottom: 50px;margin-left: auto;margin-right: auto;->margin: 50px auto 50px auto;```And this for everything there.. Link to comment Share on other sites More sharing options...
iSKweek Posted November 3, 2011 Author Share Posted November 3, 2011 What do you mean?Edit: oh, now I see what you mean. Yeah, I'll change that. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now