Team:SDU-Denmark/new
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
body { | body { | ||
Line 7: | Line 11: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | |||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
h2,h3 { | h2,h3 { | ||
margin-top: 0px; | margin-top: 0px; | ||
padding-top: 0px; | padding-top: 0px; | ||
} | } | ||
- | + | div#head { | |
- | div# | + | |
position: absolute; | position: absolute; | ||
- | width: | + | width:750px; |
- | height: | + | height:100px; |
- | left: | + | left:0px; |
top: 0px; | top: 0px; | ||
- | background-color: # | + | background-color: #FFFF66; |
} | } | ||
- | |||
div#columns { | div#columns { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 750px; |
- | + | top: 100px; | |
- | top: | + | |
background-color: #CCCCCC; | background-color: #CCCCCC; | ||
+ | } | ||
+ | div#side1 { | ||
+ | position:absolute; | ||
+ | width:150px; | ||
+ | top: 0px; | ||
+ | left:0px; | ||
+ | background-color: #FF6666; | ||
+ | } | ||
+ | div#content { | ||
+ | position: relative; | ||
+ | width: 450px; | ||
+ | top: 0px; | ||
+ | left: 150px; | ||
+ | background-color: #999999; | ||
+ | } | ||
+ | div#side2 { | ||
+ | position:absolute; | ||
+ | width:150px; | ||
+ | top: 0px; | ||
+ | left: 600px; | ||
+ | background-color: #00FF66; | ||
+ | } | ||
+ | div#foot { | ||
+ | position: relative; | ||
+ | width: 750px; | ||
+ | clear: both; | ||
+ | margin-top: 100px; | ||
+ | background-color: #99FFFF; | ||
} | } | ||
</style> | </style> | ||
<body> | <body> | ||
- | <div id=" | + | <div id="head"> |
+ | |||
+ | <h1>header</h1> | ||
+ | |||
</div> | </div> | ||
+ | |||
<div id="columns"> | <div id="columns"> | ||
- | + | ||
+ | <div id="side1"> | ||
+ | |||
+ | <h3>side1</h3> | ||
+ | |||
+ | <ul> | ||
+ | |||
+ | <li>Let me not to the marriage of true minds</li> | ||
+ | |||
+ | <li>Admit impediments; love is not love</li> | ||
+ | |||
+ | <li>Which alters when it alteration finds</li> | ||
+ | |||
+ | <li>Or bends with the remover to remove</li> | ||
+ | |||
+ | <li>Oh, no, it is an ever fixed mark</li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="content"> | ||
+ | |||
+ | <h2>main content</h2> | ||
+ | |||
+ | <p>That looks on tempests ... his height be taken.</p> | ||
+ | |||
+ | <p>But bears it out ... alteration finds.</p> | ||
+ | |||
+ | <p>Whose worth's unknown, ... the remover to remove.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="side2"> | ||
+ | |||
+ | <h3>side2</h3> | ||
+ | |||
+ | <ul> | ||
+ | |||
+ | <li>Let me not to the marriage of true minds</li> | ||
+ | |||
+ | <li>Admit impediments; love is not love</li> | ||
+ | |||
+ | <li>Which alters when it alteration finds</li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="foot"> | ||
+ | |||
+ | <h3>footer</h3> | ||
+ | |||
+ | <p>Or bends with ... height be taken. </p> | ||
+ | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:44, 21 April 2010
header
side1
- Let me not to the marriage of true minds
- Admit impediments; love is not love
- Which alters when it alteration finds
- Or bends with the remover to remove
- Oh, no, it is an ever fixed mark
main content
That looks on tempests ... his height be taken.
But bears it out ... alteration finds.
Whose worth's unknown, ... the remover to remove.
side2
- Let me not to the marriage of true minds
- Admit impediments; love is not love
- Which alters when it alteration finds
footer
Or bends with ... height be taken.