diff options
author | root <bryan@olenepal.org> | 2009-08-28 07:33:20 (GMT) |
---|---|---|
committer | root <bryan@olenepal.org> | 2009-08-28 07:33:20 (GMT) |
commit | 68b86cbb54ac3cd0fae4bcc0f6a9a8ca8e0a156c (patch) | |
tree | 69d3f484f2905782d4e90642d6f1f8d069361e94 | |
parent | 489b0c79bceb1a834eea001bca2e0b668764f1b0 (diff) |
adding imgs to newtest
-rw-r--r-- | examples/adding_up_to_10/css/mytest.css | 55 | ||||
-rwxr-xr-x | examples/adding_up_to_10/mytest.html | 35 |
2 files changed, 57 insertions, 33 deletions
diff --git a/examples/adding_up_to_10/css/mytest.css b/examples/adding_up_to_10/css/mytest.css index 8ede8d9..f5e2945 100644 --- a/examples/adding_up_to_10/css/mytest.css +++ b/examples/adding_up_to_10/css/mytest.css @@ -1,44 +1,49 @@ -#mainmain { +#main { position: absolute; height: 100%; width: 100%; } -#main { +#action { height: 100%; width: 70%; float: left; } -#mainTop { - height:50%; - width:100%; -} -#mainBottom { - height:50%; - width:100%; -} #sidebar { background:blue none repeat scroll 0 0; float:left; height:100%; width:30%; } -#mainTopLeft { + +#actionTop { + height:50%; + width: 100%; + float: left; +} +#actionBottom { + height:50%; + width: 100%; + float: left; + clear: both; +} + +#actionTopLeft { width:40%; height:100%; background:yellow; float:left; } -#mainTopMiddle { +#actionTopMiddle { width:20%; height:100%; background:red; float:left; } -#mainTopRight { +#actionTopRight { width:40%; height:100%; background:green; @@ -47,7 +52,7 @@ -#mainBottomLeft { +#actionBottomLeft { float:left; width:33.3%; height:100%; @@ -55,7 +60,7 @@ } -#mainBottomMiddle { +#actionBottomMiddle { float:left; width:33.3%; height:100%; @@ -63,9 +68,25 @@ } -#mainBottomRight { +#actionBottomRight { float:left; width:33.3%; height:100%; background:green; -}
\ No newline at end of file +} + +#actionTopLeftBox { + position: absolute; + right: 10%; + bottom: 20% + height: 40%; + width: 40%; + background: blue; +} + +#actionTopLeftCanvas { + position: absolute; + right: 10%; + + +} diff --git a/examples/adding_up_to_10/mytest.html b/examples/adding_up_to_10/mytest.html index 2645605..aa9e2f0 100755 --- a/examples/adding_up_to_10/mytest.html +++ b/examples/adding_up_to_10/mytest.html @@ -12,34 +12,37 @@ </head> <body> -<div id="mainmain"> -<div id="main"> -<div id="mainTop"> -<!--<canvas id="mainTopCanvas"></canvas>--> -<div id="mainTopLeft"></div> -<div id="mainTopMiddle"></div> -<div id="mainTopRight"></div> -blah + <div id="main"> +<div id="action"> +<div id="actionTop"> + +<div id="actionTopLeft"> +<img id="actionTopLeftBox" src="assets/generic/images/yellowBox.png" alt="" /> +<canvas id="actionTopLeftCanvas"></canvas> + +</div> +<div id="actionTopMiddle"></div> +<div id="actionTopRight"></div> </div> -<div id="mainBottom"> -<!-- <canvas id="mainBottomCanvas"></canvas> --> -<div id="mainBottomLeft"></div> -<div id="mainBottomMiddle"></div> -<div id="mainBottomRight"></div> +<div id="actionBottom"> +<!-- <canvas id="actionBottomCanvas"></canvas> --> +<div id="actionBottomLeft"></div> +<div id="actionBottomMiddle"></div> +<div id="actionBottomRight"></div> </div> </div> -<div id="sidebar"> +<aside id="sidebar"> <!-- <canvas id="sidebarCanvas"></canvas> --> <div id="sidebarTop"></div> <div id="sidebarMiddle"></div> <div id="sidebarBottom"></div> -</div> +</aside> </div> @@ -60,4 +63,4 @@ blah </body> -</html>
\ No newline at end of file +</html> |