can
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by can
-
-
Hello, I'm can. Yes that is the name I go by online, sadly on some sites it has been already used; not here. So yea, no idea what to put here.
Putting table in the middle of the page with CSS3
in CSS
Posted · Edited by can
Okay, now I know my coding is pore, but I am comming from only being a HTML 4 and CSS/programing is not something I have done before. So yea, I am trying to fix the table in the center of the webpage. This is pritty much me copying and pasting from code I found online, I did edit it a little.
<!DOCTYPE HTML><html><head> <Style type="text/css"> /* Makeshift CSS Reset */ { margin: 0; padding: 0; } /* Tell the browser to render HTML 5 elements as block */ header, footer, aside, nav, article { display: block; } body { margin: 0 auto; width: 400x; font: 13px/22px Helvetica, Arial, sans-serif; background: black; color:lightgray; } h2 { font-size: 28px; line-height: 2px; padding: 0px 0; } h3 { font-size: 18px; line-height: 22px; padding: 11px 0; } p { padding-bottom: 25px; line-height: 22px; color:white; } #content { display: table; } #mainContent { display: table-cell; width: 620px; padding-right: 22px; } </style></head> <body> <section> <table style="width: 80%; align: center;"> <div id="content"> <div id="mainContent"> <h2>Welcome</h2> </header> <p> I cannot be held responsible for your visit. <br><br> You now have been warned. <br> <h1><b><P align="center">Enter</p></b></h1> <p align="center">Please note that this site is still offline.</p> </p> </article> </div> </section> </body></html>