Team:HKU-Hong Kong/3col

From 2010.igem.org

(Difference between revisions)
Line 26: Line 26:
#main1 {
#main1 {
margin:0; padding:0;
margin:0; padding:0;
-
background:#ff0000;
+
background:transparent url("https://static.igem.org/mediawiki/2010/8/88/Logosil.png")repeat-y;
}
}
#main2 {
#main2 {
-
margin:0; padding:0;background:#0000ff;filter:alpha(opacity=50);opacity:0.5;
+
margin:0; padding:0;background:ff0000;filter:alpha(opacity=50);opacity:0.5;
}
}
#left {
#left {
Line 35: Line 35:
width:150px;
width:150px;
margin:0; padding:0;
margin:0; padding:0;
-
background:transparent url("https://static.igem.org/mediawiki/2010/8/88/Logosil.png");
+
background:transparent url();
font-size:80%;
font-size:80%;
}
}
Line 42: Line 42:
width:150px;
width:150px;
margin:0; padding:0;
margin:0; padding:0;
-
background:url("corner.gif") top right no-repeat;
+
background:url() top right no-repeat;
font-size:80%;
font-size:80%;
}
}
Line 95: Line 95:
<h4>Left Col</h4>
<h4>Left Col</h4>
<p id="lccont">
<p id="lccont">
-
This is content of the LEFT column. It can be <a href="javascript:toggleContent('lccont',1)">short</a>, <a href="javascript:toggleContent('lccont',3)">longer</a> or <a href="javascript:toggleContent('lccont',10)">very long</a>.
+
This is content of the LEFT column. It can be <a href="javascript:toggleContent('lccont',1)">short</a>, <a href="javascript:toggleContent('lccont',3)">longer</a> or <a href="javascript:toggleContent('lccont',100)">very long</a>.
</p>
</p>
</div></div>
</div></div>

Revision as of 04:31, 27 August 2010

Left Col

This is content of the LEFT column. It can be short, longer or very long.

Middle Col

This is content of the MIDDLE column. It can be short, longer or very long.