Team:Fudan-Shanghai/Modeling

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
   <STYLE TYPE="text/css"> <!--  
   <STYLE TYPE="text/css"> <!--  
 +
#container {width:100%}
 +
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}
 +
#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}
 +
#Sidebar { width:100px;margin-left: 5px; margin-top: 10px;height:390px; background:#FFCC00}
 +
#MainBody { width:680px;margin-left: 110px;margin-top: -395px; height:390px; background:#99FFFF}
 +
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
H1 { color: green; font-size: 37px; font-family: impact }  
H1 { color: green; font-size: 37px; font-family: impact }  
-
P{text-indent: 1cm; background: yellow; font-family: courier;margin-right: 400px;border-color: green; border-style: double;border-width: 3px;}  
+
I {float:center;margin-left: auto;margin-right: auto; font-size:20px;font-family: bold;color: red}
-
K {float: right;text-indent: 1cm; background: #33CCFF; font-family: courier;margin-left: 600px;margin-top: -88px;border-color: black; border-style: double;border-width: 3px;}
+
P{text-indent: 1cm; background: yellow; font-family: courier;width:400px;margin-left:5px;border-color: green; border-style: double;border-width: 3px;}  
-
BODY { background-repeat: no-repeat;background-image: url(https://static.igem.org/mediawiki/2011/3/3a/Fudan_test.png) }
+
K {float: right;text-indent: 1cm; background: #33CCFF; font-family: courier;width:240px;margin-left: 390px;margin-top: -125px;border-color: black; border-style: double;border-width: 3px;}
 +
BODY { background-position: center;background-image: url(https://static.igem.org/mediawiki/2011/3/3a/Fudan_test.png) }
 +
J {  background-image: url(https://static.igem.org/mediawiki/2011/0/0c/Fudan-Bg.jpeg)}
--> </STYLE
--> </STYLE
   <BODY>  
   <BODY>  
-
    
+
   <div id="container">
-
    <H1>Stylesheets: The Tool of the Web Design Gods</H1>  
+
    <div id="Header">
-
    <P>fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space </P>  
+
      <H1>TEST PAGE</H1>  
-
    <K> another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box </K>
+
　　  </div>
-
     <J>text text text text text text text text text  text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text textv</J>
+
    <div id="PageBody">
 +
      <div id="Sidebar"><I>index</I>
 +
      </div>
 +
      <div id="MainBody">
 +
      <P>fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space </P>  
 +
      <K> another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box </K>
 +
      </div>
 +
     </div>
 +
    <div id="Footer">
 +
      <J>text text text text text text text text text  text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text textv</J>
 +
    </div>
 +
  </div>
   </BODY>  
   </BODY>  
</HTML>
</HTML>

Revision as of 06:20, 1 September 2011

My First Stylesheet

fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space fill the space

another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box another box

Retrieved from "http://2011.igem.org/Team:Fudan-Shanghai/Modeling"