Hey Everyone:
Sorry about the demo debacle that was Thursday. Here is my original demo page that I had made the day before:
HTML:
http://hope.simons-rock.edu/~dlaspina/laika/(index.html)
CSS:
http://hope.simons-rock.edu/~dlaspina/laika/style.css
But I’ve posted a demo page, with style sheet that you can modify for either a 1, 2 or 3-column layout. Remember that everything is just a grid of 8 or 12 squares and intervals are mathematically straightforward. The one thing I messed up on is that all positioning should be RELATIVE:
.paragraph {
width: 700px;
left: 90px;
position: relative;
top: 30px;
text-align: justify;
font-family: Georgia, “Times New Roman”, Times, serif;
}
Using this in html would look like this:
<div class=”paragraph”>
Laika (Russian: literally meaning “Barker”; c. 1954 — November 3, 1957) was a Soviet space dog that became the first animal to orbit the Earth — as well as the first animal to die in orbit.</div>
Using his style makes a nice 700px wide paragraph that is positioned 30px down from the bottom of the item above it—or relative to the item above it. AND it is positioned 90px from the left of the page.
Email/GoogleTalk if you have any questions:
(949) DAVID 99