Permalink
Browse files

edits to homework

  • Loading branch information...
cmccaffrey committed Oct 13, 2011
1 parent b997aca commit d5bb94f19154ddb221b4e38d9afd2db87e672d50
Showing with 32 additions and 21 deletions.
  1. +22 −16 04-class-css/exercise1/index.html
  2. +10 −5 04-class-css/exercise1/style.css
@@ -10,42 +10,48 @@
</head>
<body>
-<section id='main-content'>
- <article>
- <img src='images/dog.jpg'/>
- <h1>Lorem Aliquam erat volutpat</h1>
- <h2>By Frank Doe</h2><br>
- <p>Suspendisse mattis metus et justo. Aliquam erat volutpat. Suspendisse
+<div id='container'>
+ <div id='left-column'>
+ <article>
+ <img src='images/dog.jpg'/>
+ <h1>Lorem Aliquam erat volutpat</h1>
+ <h2>By Frank Doe</h2><br>
+ <p>Suspendisse mattis metus et justo. Aliquam erat volutpat. Suspendisse
potenti. Nam hendrerit lorem commodo metus laoreet ullamcorper. Proin vel
nunc a felis sollicitudin pretium. Maecenas in metus at mi mollis posuere.
Quisque ac quam sed massa adipiscing rutrum. Vestibulum ipsum. Phasellus
porta sapien. Maecenas venenatis tellus vel tellus.</p><br/>
- <p>Aliquam aliquam dolor at justo. Cum sociis natoque penatibus et magnis dis
+ <p>Aliquam aliquam dolor at justo. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Morbi pretium purus a magna.
Nullam dui tellus, blandit eu, facilisis non, pharetra consectetuer, leo.
Maecenas sit amet ante sagittis magna imperdiet pulvinar. Vestibulum a lacus
at sapien suscipit tempus. Proin pulvinar velit sed nulla. Curabitur
aliquet.</p>
- </article>
+
+ </article>
+ </div>
- <article>
- <img src='images/cat.jpg'/>
- <h1>Lorem Ipsum</h1>
- <h2>By Frank Doe</h2><br/>
- <p>Suspendisse mattis metus et justo. Aliquam erat volutpat. Suspendisse
+ <div id='right column'>
+ <article>
+ <img src='images/cat.jpg'/>
+ <h1>Lorem Ipsum</h1>
+ <h2>By Frank Doe</h2><br/>
+ <p>Suspendisse mattis metus et justo. Aliquam erat volutpat. Suspendisse
potenti. Nam hendrerit lorem commodo metus laoreet ullamcorper. Proin vel
nunc a felis sollicitudin pretium. Maecenas in metus at mi mollis posuere.
Quisque ac quam sed massa adipiscing rutrum. Vestibulum ipsum. Phasellus
porta sapien. Maecenas venenatis tellus vel tellus.</p><br/>
- <p>Aliquam aliquam dolor at justo. Cum sociis natoque penatibus et magnis dis
+ <p>Aliquam aliquam dolor at justo. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Morbi pretium purus a magna.
Nullam dui tellus, blandit eu, facilisis non, pharetra consectetuer, leo.
Maecenas sit amet ante sagittis magna imperdiet pulvinar. Vestibulum a lacus
at sapien suscipit tempus. Proin pulvinar velit sed nulla. Curabitur
aliquet.</p>
- </article>
-</section>
+
+ </article>
+ </div>
+</div>
</body>
</html>
@@ -32,12 +32,17 @@ footer, header, hgroup, menu, nav, section {
display: block;
}
-#main-content {position:relative;margin:10px;}
+#container {position:relative; width: 400; height: 600px;}
-img {
- float: left;
- margin: 14px
-}
+#left-column {
+ float: left;
+ width: 200 px;
+ }
+
+#right-column {
+ float: right;
+ width: 200 px;
+ }
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;

0 comments on commit d5bb94f

Please sign in to comment.