Personal Education
- March 2016
- September 2015
- June 2015
- May 2015
- March 2015
- January 2015
- September 2014
- July 2014
- June 2014
- April 2014
- March 2014
- February 2014
- January 2014
- September 2013
- August 2013
- July 2013
- June 2013
- May 2013
- June 2011
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « Mar | ||||||
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | |
I’ve been exploring Cascading Style Sheets.
I have a long way to go, but one experiment is getting a simple layout that has just a single column, but has a better look than a plain html page. While it is not part of the specific tasks of P2PU Webmaking 101, I’m including the effort as an extension of that activity.
Here’s what I’ve come up with for now.
To see how it looks in action: http://runeman.org/programming/css/demo-onecolumn.html/* simple.css stylesheet */
body { background-color: #eee; background-image: url(’http://runeman.org/images-std/graph.gif’);}
h1, h2, h3, h4 { font-family: “DejaVu Sans”, Helvetica, FreeSans, Geneva, Arial, sans-serif;
}h2 { font-color: #999;
}#main {
/*old width:68%; */
width:90%;
margin-left:3%;
margin-right:3%;
border-top: 10px solid #800080;
color:#000;
background:#fff;
padding:20px;
}#footer {
clear:both;
width:100%;
font-family: “Droid Sans”, Helvetica, Arial, sans-serif;
font-size:80%;
color:#fff;
background:#800080;
margin:.2em auto;
padding:.3em;
}
And remember to check the html source, too (usually accessed with the Ctrl+U keys to display a browser window of the source.)