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

9 files changed, 16 insertions, 11 deletions

diff --git a/demos/draggable/constrain-movement.html b/demos/draggable/constrain-movement.html
index a21785dca..d2acc721c 100644
--- a/demos/draggable/constrain-movement.html
+++ b/demos/draggable/constrain-movement.html
@@ -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() {
diff --git a/demos/draggable/cursor-style.html b/demos/draggable/cursor-style.html
index ec09b49fa..14b3b2915 100644
--- a/demos/draggable/cursor-style.html
+++ b/demos/draggable/cursor-style.html
@@ -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() {
diff --git a/demos/draggable/delay-start.html b/demos/draggable/delay-start.html
index 990345d2f..6f49d17a8 100644
--- a/demos/draggable/delay-start.html
+++ b/demos/draggable/delay-start.html
@@ -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() {
diff --git a/demos/draggable/handle.html b/demos/draggable/handle.html
index 1c11b4f55..8433a1e88 100644
--- a/demos/draggable/handle.html
+++ b/demos/draggable/handle.html
@@ -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">
diff --git a/demos/draggable/revert.html b/demos/draggable/revert.html
index b28969a3a..84336407e 100644
--- a/demos/draggable/revert.html
+++ b/demos/draggable/revert.html
@@ -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() {
diff --git a/demos/draggable/scroll.html b/demos/draggable/scroll.html
index 95e53d36c..201ce9c30 100644
--- a/demos/draggable/scroll.html
+++ b/demos/draggable/scroll.html
@@ -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() {
diff --git a/demos/draggable/snap-to.html b/demos/draggable/snap-to.html
index 65b5f6b99..43c0585c1 100644
--- a/demos/draggable/snap-to.html
+++ b/demos/draggable/snap-to.html
@@ -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>
diff --git a/demos/draggable/visual-feedback.html b/demos/draggable/visual-feedback.html
index 4689495ed..25c42fdad 100644
--- a/demos/draggable/visual-feedback.html
+++ b/demos/draggable/visual-feedback.html
@@ -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; }
diff --git a/demos/index.html b/demos/index.html
index cf1738ac1..147ade65c 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -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>