diff options
author | christophd@sugarlabs.org <christophd@sugarlabs.org> | 2009-09-24 09:47:18 (GMT) |
---|---|---|
committer | christophd@sugarlabs.org <christophd@sugarlabs.org> | 2009-09-24 09:47:18 (GMT) |
commit | edd6a8d99df55935f6435d1c62e4c7066f587b38 (patch) | |
tree | d3d5ab44955eec166d00c1b13e1d6b3e0121e7d4 | |
parent | 3328344e23c76b7b403bb55b4083669371f415d7 (diff) |
removed <li> elements in navigation, now using images and <div>s
-rwxr-xr-x | examples/adding_up_to_10/css/knavbar.css | 36 | ||||
-rwxr-xr-x | examples/adding_up_to_10/exercise.html | 20 | ||||
-rwxr-xr-x | examples/adding_up_to_10/index_knavbar.html | 4 |
3 files changed, 30 insertions, 30 deletions
diff --git a/examples/adding_up_to_10/css/knavbar.css b/examples/adding_up_to_10/css/knavbar.css index 26e3896..1830e24 100755 --- a/examples/adding_up_to_10/css/knavbar.css +++ b/examples/adding_up_to_10/css/knavbar.css @@ -5,6 +5,12 @@ margin:0; padding:0; } +#knavbar { +display: table; +width: 800px; +margin: 0 auto; +} + nav { list-style: none; @@ -15,24 +21,6 @@ width:100%; background: #FFFFFF; } -nav li -{ -float: left; -} - -nav li a -{ -height: 63px; -text-align: center; -font-weight: bold; -font-size: 110%; -display: block; -color:#000000; -padding-left: 0.2em; -padding-right: 0.2em; -text-decoration: none; -} - nav img { border: none; @@ -131,4 +119,16 @@ padding:0px; .icon_right { float: right; +} + +.floatLeft { + float: left; + margin-left: 5px; + margin-bottom: 5px; +} + +.floatRight { + float: right; + margin-right: 5px; + margin-bottom: 5px; }
\ No newline at end of file diff --git a/examples/adding_up_to_10/exercise.html b/examples/adding_up_to_10/exercise.html index 2808deb..7972b53 100755 --- a/examples/adding_up_to_10/exercise.html +++ b/examples/adding_up_to_10/exercise.html @@ -17,16 +17,16 @@ <body> -<div id="lesson"> -<nav> -<li><a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li> -<li><a id="welcome" href="index_knavbar.html">Adding up to 10</a></li> -<li><img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial"></li> -<li><a href="exercise.html" class="selected"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></a></li> -<li><a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help"></a></li> -<li><a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site"></a></li> -</nav> - +<section id="navigation"> + <nav id="knavbar"> + <a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back" class="floatLeft"></a> + <div class="floatLeft"><a id="welcome" href="index_knavbar.html">Adding up to 10</a></div> + <a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site" class="floatRight"></a> + <a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help" class="floatRight"></a> + <img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial" class="floatRight"> + <a href="exercise.html" class="selected"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise" class="floatRight"></a> + </nav> +</section> <div id="karma-main"> <div id="action"> diff --git a/examples/adding_up_to_10/index_knavbar.html b/examples/adding_up_to_10/index_knavbar.html index e1e2fca..b4bc75a 100755 --- a/examples/adding_up_to_10/index_knavbar.html +++ b/examples/adding_up_to_10/index_knavbar.html @@ -19,8 +19,8 @@ <div id="lesson"> <nav> -<li><a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li> -<li><a id="welcome" href="index_knavbar.html" class="selected">Adding up to 10</a></li> +<a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back" class="floatLeft"></a> +<div class="floatLeft"><a id="welcome" href="index_knavbar.html" class="selected">Adding up to 10</a></div> </nav> <div id="subject">Mathematics</div> |