From 2011.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
| | | |
- | body {
| |
- | background-color:003399;
| |
- | }
| |
- |
| |
- | img {
| |
- | width:90px;
| |
- | height:78px;
| |
- | margin:10px;
| |
- | position:relative;
| |
- | left:40px;
| |
- | border:5px solid white;
| |
- | }
| |
- |
| |
- | table {
| |
- | border:5px solid white;
| |
- | margin:10px;
| |
- | width:95%;
| |
- | height:70px;
| |
- | background-color:grey;
| |
- | color:black;
| |
- | font-size:10px;
| |
- | }
| |
- |
| |
- | table.sidebox {
| |
- | border:1px solid grey;
| |
- | padding:10px;
| |
- | width:20%;
| |
- | background-color:grey;
| |
- | position:relative;
| |
- | left:25px;
| |
- | }
| |
- |
| |
- | th {
| |
- | padding:15px;
| |
- | }
| |
- |
| |
- | div.textbox {
| |
- | background-color:grey;
| |
- | width:64%;
| |
- | min-height:300px;
| |
- | margin:40px;
| |
- | padding:10px;
| |
- | left:150px;
| |
- | position:relative;
| |
- | top:-330px;
| |
- | }
| |
- |
| |
- | h2.textbox {
| |
- | font-size:15px
| |
- | }
| |
- |
| |
- | p.textbox {
| |
- | font-size:10px;
| |
- | }
| |
- |
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <table>
| |
- | <tr>
| |
- | <th> <h1>Welcome To the Website </h1> </th>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | <img src="http://blogs.desmoinesregister.com/dmr/wp-content/uploads/2009/09/penn-state-shield-logo.png"/>
| |
- |
| |
- | <table class=sidebox>
| |
- | <tr> </tr>
| |
- | <tr>
| |
- | <th> <a href="https://igem.org/Main_Page">iGEM Homepage</a> </th>
| |
- | </tr>
| |
- | <tr>
| |
- | <th> <a href="http://www.google.com/">Google it!</a> </th>
| |
- | </tr>
| |
- | <tr>
| |
- | <th> <a href="http://www.facebook.com/">Facebook</a> </th>
| |
- | </tr>
| |
- | <tr> </tr>
| |
- | </table>
| |
- |
| |
- | <div class=textbox>
| |
- | <h2 class=textbox> Some Introductory Information </h2>
| |
- | <p class=textbox>This is a paragraph. With lots of writing. Welcome to my first attempt at CSS being used in some sort of website I've got going here. Thanks for reading this. There is, however, no real reason for you to read any futher. Stop reading right now. I said stop it. </br> </br>
| |
- | You are not listening.</p>
| |
- | <h2 class=textbox> The Next Steps </h2>
| |
- | <p class=textbox> Some more random rambling in the roustabout way of listing words that soon will begin with the letter R. Reductive ramification runs rampant.</p>
| |
- | </div>
| |
- |
| |
- |
| |
- | </body>
| |
- | </html>
| |
Latest revision as of 04:52, 5 June 2011