r1385 - trunk/demos/slider
Author: rdworth
Date: Tue Dec 30 20:08:58 2008
New Revision: 1385
Modified:
trunk/demos/slider/default.html
trunk/demos/slider/multiple_vertical.html
Log:
demos/slider: markup and whitespace
Modified: trunk/demos/slider/default.html
==============================================================================
--- trunk/demos/slider/default.html (original)
+++ trunk/demos/slider/default.html Tue Dec 30 20:08:58 2008
@@ -17,8 +17,6 @@
</head>
<body>
-
-
<div class="demo">
Your age:
@@ -26,16 +24,12 @@
</div><!-- End demo -->
-
-
<div class="demo-description">
-The default slider has a single handle and is horizontal. The handle
can be moved with the mouse or by using the arrow keys and has full ARIA
attributes for accessibility. The current value for the slider can be set
with the value option: <pre>value: 37</pre>
+The default slider has a single handle and is horizontal. The handle
can be moved with the mouse or by using the arrow keys and has full ARIA
attributes for accessibility. The current value for the slider can be set
with the value option:
+<pre>value: 37</pre>
</div><!-- End demo-description -->
-
-
-
</body>
</html>
Modified: trunk/demos/slider/multiple_vertical.html
==============================================================================
--- trunk/demos/slider/multiple_vertical.html (original)
+++ trunk/demos/slider/multiple_vertical.html Tue Dec 30 20:08:58 2008
@@ -53,21 +53,18 @@
</head>
<body class="ui-widget-content" style="border:0;">
-
<div class="demo">
-
-<p class="ui-state-default ui-corner-all clearfix" style="padding:4px;">
-<span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px
0 0;"></span>Master volume
+<p class="ui-state-default ui-corner-all ui-helper-clearfix"
style="padding:4px;">
+<span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px
0 0;"></span>
+Master volume
<div id="slider0" style="width:260px; margin:15px;"></div>
-
-<br/><br/>
-
-<p class="ui-state-default ui-corner-all" style="padding:4px;">
-<span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0
0;"></span>Graphic EQ
+<p class="ui-state-default ui-corner-all"
style="padding:4px;margin-top:4em;">
+<span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0
0;"></span>
+Graphic EQ
<div id="slider1" style="height:120px; float:left; margin:15px"></div>
<div id="slider2" style="height:120px; float:left; margin:15px"></div>
@@ -77,16 +74,13 @@
<div id="slider6" style="height:120px; float:left; margin:15px"></div>
<div id="slider7" style="height:120px; float:left; margin:15px"></div>
-
-
</div><!-- End demo -->
-
-
-<div class="demo-description">
+<div class="demo-description" style="clear:left;">
This example shows how easy it is to add multiple sliders to a page,
each with their own options, to make a UI for a music player.
</div><!-- End demo-description -->
+
</body>
</html>