library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

removed margin-left rules from these draggable demos due to IE6 conflict

Browse Source
This commit is contained in:
Scott Jehl 2009-02-27 04:06:52 +00:00
parent 6f8399916b
commit e3825ccc80
9 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
demos/draggable/constrain-movement.html
View File

@ -8,11 +8,11 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 5px; }
.draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
#draggable, #draggable2 { margin-bottom:20px; }
#draggable { cursor: n-resize; }
#draggable2 { cursor: e-resize; }
#containment-wrapper { width:100%; height:150px; border:2px solid #ccc; }
#containment-wrapper { width:100%; height:150px; border:2px solid #ccc; padding: 10px;}
</style>
<script type="text/javascript">
$(function() {

2
demos/draggable/cursor-style.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {

2
demos/draggable/delay-start.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 5px; }
#draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {

2
demos/draggable/handle.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
#draggable p { cursor: move; }
</style>
<script type="text/javascript">

2
demos/draggable/revert.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {

2
demos/draggable/scroll.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {

2
demos/draggable/snap-to.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 5px; font-size: .9em; }
.draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 0 10px 10px 0; font-size: .9em; }
.ui-widget-header p, .ui-widget-content p { margin: 0; }
#snaptarget { height: 140px; }
</style>

2
demos/draggable/visual-feedback.html
View File

@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 5px; }
#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
#draggable, #draggable2, #draggable3 { margin-bottom:20px; }
#set { clear:both; float:left; width: 368px; height: 120px; }
p { clear:both; margin:0; padding:1em 0; }

9
demos/index.html
View File

@ -250,8 +250,13 @@
<dd><a href="slider/index.html">Slider</a></dd>
<dd><a href="tabs/index.html">Tabs</a></dd>
<dt>Effects</dt>
<dd><a href="http://ui.jquery.com/docs/Effects/Methods">Effect Methods</dd>
<dd><a href="http://ui.jquery.com/docs/Effects/Types">Effect Types</a></dd>
<dd><a href="http://ui.jquery.com/docs/Effect">Effect</dd>
<dd><a href="http://ui.jquery.com/docs/Effects/Animate">Animate</a></dd>
<dd><a href="http://ui.jquery.com/docs/Effects/Hide">Hide</a></dd>
<dd><a href="http://ui.jquery.com/docs/Effects/Show">Show</a></dd>
<dd><a href="http://ui.jquery.com/docs/Effects/SwitchClass">Switch Class</a></dd>
<dd><a href="http://ui.jquery.com/docs/Effects/Toggle">Toggle</a></dd>
<dd><a href="http://ui.jquery.com/docs/Effects/ToggleClass">Toggle Class</a></dd>
<dt>About jQuery UI</dt>
<dd><a href="http://ui.jquery.com/docs/Developer_Guide">UI Developer Guidelines</a></dd>
<dd><a href="http://ui.jquery.com/docs/Changelog">Changelog</a></dd>