Skip to content
Permalink
Browse files

demos/slider: markup and whitespace

  • Loading branch information
rdworth committed Dec 31, 2008
1 parent 19fd270 commit 591d82edb4ff2a29555031a044bf2907a09bbddf
Showing with 10 additions and 22 deletions.
  1. +2 −8 demos/slider/default.html
  2. +8 −14 demos/slider/multiple_vertical.html
@@ -17,25 +17,19 @@
</head>
<body>



<div class="demo">

<p>Your age:</p>
<div id="slider"></div>

</div><!-- End demo -->



<div class="demo-description">

<p>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></p>
<p>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:</p>
<pre>value: 37</pre>

</div><!-- End demo-description -->




</body>
</html>
@@ -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
</p>

<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
</p>
<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;">

<p>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.</p>

</div><!-- End demo-description -->

</body>
</html>

0 comments on commit 591d82e

Please sign in to comment.
You can’t perform that action at this time.