From 8411a56620f19386df58b49f6a66e9d58983212c Mon Sep 17 00:00:00 2001 From: Ian Elletson Date: Fri, 14 Mar 2014 13:25:52 -0500 Subject: [PATCH] lol --- CSSTutorial/WebContent/Basic.html | 1 + CSSTutorial/WebContent/myStyle2.css | 18 +++++++++++++----- CSSTutorial/WebContent/myStyleDivsFloat.css | 18 +++++++++--------- 3 files changed, 23 insertions(+), 14 deletions(-) diff --git a/CSSTutorial/WebContent/Basic.html b/CSSTutorial/WebContent/Basic.html index 203ea22..ce56f05 100644 --- a/CSSTutorial/WebContent/Basic.html +++ b/CSSTutorial/WebContent/Basic.html @@ -3,6 +3,7 @@ Basic CSS Example + diff --git a/CSSTutorial/WebContent/myStyle2.css b/CSSTutorial/WebContent/myStyle2.css index d62557a..dfe412b 100644 --- a/CSSTutorial/WebContent/myStyle2.css +++ b/CSSTutorial/WebContent/myStyle2.css @@ -2,8 +2,11 @@ body { padding-left: 11em; - color: purple; - background-color: #d8da3d } + color: #586e75; + background-color: #fdf6e3; } +p { + font-family: Helvitica, sans-serif; + color: #657b83; } ul.navbar { list-style-type: none; padding: 0; @@ -11,12 +14,17 @@ ul.navbar { position: absolute; top: 2em; left: 1em; - width: 9em } + width: 9em; + color: #268bd2 } ul.navbar li { - background: white; + background: #eee8d5; margin: 0.5em 0; padding: 0.3em; - border-right: 1em solid black } + border-right: 1em solid #93a1a1; } ul.navbar a { text-decoration: none } + +a { + color: #268bd2 +} \ No newline at end of file diff --git a/CSSTutorial/WebContent/myStyleDivsFloat.css b/CSSTutorial/WebContent/myStyleDivsFloat.css index 1340f36..fe44af3 100644 --- a/CSSTutorial/WebContent/myStyleDivsFloat.css +++ b/CSSTutorial/WebContent/myStyleDivsFloat.css @@ -1,28 +1,28 @@ @CHARSET "US-ASCII"; #box1 { - width: 100%; + width: 75%; height: 200px; background-color: #ABC; margin: 10px 20px; padding: 10px; - float:left + } #box2 { - width: 300px; - height: 100px; + width: 25%; + height: 20%; background-color: #007BAD; border-style: solid; - border-color: black; + border-color: pink; border-width: 4px; margin: 2em; - float:left + clear: both } #box3 { - width: 10em; - height: 5em; + width: 10%; + height: 5%; background-color: red; margin: 25px 50px 75px 100px; - float:left + float: right; } \ No newline at end of file