From 4b2b0d29035d29d30efc036d467954e05972a2ed Mon Sep 17 00:00:00 2001 From: Bryan Berry Date: Thu, 22 Oct 2009 21:12:46 +0000 Subject: layout is finally sane. Now need to properly align text. --- diff --git a/examples/quadrilaterals/css/lesson.css b/examples/quadrilaterals/css/lesson.css index f37eb8c..5163336 100755 --- a/examples/quadrilaterals/css/lesson.css +++ b/examples/quadrilaterals/css/lesson.css @@ -5,37 +5,61 @@ height: 400px; } -#Karma -{ - position: relative; +#leftArea { + width: 60%; + display: inline; + float: left; + height: 100%; } -#canvasDrawing -{ - position: absolute; - top: 0px; - left: 0px; +#rightArea { + width: 40%; + display: inline; + float: left; + height: 100%; } -#canvasTmp -{ - position: absolute; - top: 0px; - left: 0px; +#leftTop { + height: 20%; +} + +#leftMiddle { + height: 60%; } -#btnerase +#leftBottom { + height: 20%; + float: left; +} + + +#rightTop { + height: 30%; +} + +#rightMiddle { + height: 40%; +} + +#rightBottom { + height: 30%; +} + + + + + + +#Karma { - position: absolute; - top: 270px; - left: 130px; + position: relative; } -#btn +.canvas { position: absolute; - top: 180px; - left: 400px; + top: 0px; + left: 0px; } #left @@ -44,7 +68,7 @@ width: 350px; } -#right -{ - margin-left: 350px; +.left { + float:left; } + diff --git a/examples/quadrilaterals/index.html b/examples/quadrilaterals/index.html index 68f840e..95dc4fd 100755 --- a/examples/quadrilaterals/index.html +++ b/examples/quadrilaterals/index.html @@ -13,63 +13,41 @@ - - - - -
-
- Construct a quadrilateral by moving the given straight lines to appropriate places -
- - -
- - - -
-
- - -
-
- -
- - - +
+
+
Construct a quadrilateral by moving + the given straight lines to appropriate places
+
+
+
+ + + +
+
+
+ +
+
+
+
+
+
+
Make quadrilaterals on geo-board
+
+
+
+ + +
+
+
-- cgit v0.9.1