CSS+Window
[Displying "<" and ">" as it is]
< = <
> = >
[General rule]
div{...} to effect all div elemens
#divA{...} to effect only divA part
[A sample of two-column format]
<style type="text/css">
#container2
{
width:100%;
}
#main2
{
background:PaleGoldenrod;
width:80%;
float:left;
}
#sidebar2
{
background:#aaf;
width:20%;
float:right;
}
</style>
<div style="background:#aaf;margin-left:2%;margin-right:2%;border:Navy 2px solid;" id="container2">
<div id="sidebar2">
<br />
<center><img src=BHindenburg.jpg border=0 width=120 height=140></center>
<center>BHindenburg</center><br />
</div>
<div id="main2">
<font size=5 color="Blue"><center>Part One [Germany]</center></font><br />
<b>Here is key points at "Mein Kampf".</b><br />
1. Speech is all for politician, the publication of the book is not important.<br />
2. Hatred for the Jew. In the German general's appearance, there are few Jews that fights in front lines, and a lot of Jews work the supply division.<br />
3. In Germany, it risked death in those days meeting and to demonstrate. Communists interfere. There are not enought protection from polic to public meeting and public demonstration.<br />
4. Hitler worried about that the increase of German population might cause the shortage of food supply.<br />
</div>
</div>
Part One [Germany]
Here is key points at "Mein Kampf".
1. Speech is all for politician, the publication of the book is not important.
2. Hatred for the Jew. In the German general's appearance, there are few Jews that fights in front lines, and a lot of Jews work the supply division.
3. In Germany, it risked death in those days meeting and to demonstrate. Communists interfere. There are not enought protection from polic to public meeting and public demonstration.
4. Hitler worried about that the increase of German population might cause the shortage of food supply.
[A sample of three-column format]
<style type="text/css">
#sidebar
{
background:Pink;
width:200px;
float:left;
}
#extra
{
background:Purple;
width:150px;
float:right;
}
#main
{
background:Blue;
margin-left:200px;
margin-right:150px;
}
</style>
<div id="sidebar">Left column 10.Hitler worried about that the increase of the German population might be short of food supply.</div>
<div id="extra"><center>BHindenburg.jpg<img src=BHindenburg.jpg border=0 width=130 height=150></center></div>
<div id="main">Center column 10.Hitler worried about that the increase of the German population might be short of food supply.</div>
Center column 10.Hitler worried about that the increase of the German population might be short of food supply.
[Opening a window]
<A HREF="#" ONCLICK='window.open("index.html", "new", "fullscreen=yes")'>Click here</A>
Click here
<a href="index.html" target="_blank" onClick="window.open('index.html','','scrollbars=no,toolbar=no,width=150,height=240');return(false)">Click here</a>
Click here
