I have a page with thumbnail images that need to be sortable.
In all browsers but IE this works great. In IE when i drag an item,
the items do not shift to allow dropping. If I remove float:left; from
the css it works but then my divs are not inline. (if i set
display:inline; my divs will not keep their margin)
I know there is a better way to do this. I just haven't figured it
out.
Here is my code:
<style type="text/css">
.photoBox{
background:#fff;
border:solid 1px #d8dfea;
float:left;
height:150px;
margin:10px;
text-align:center;
width:150px;
}
</style>
<div id="container">
<div id="box_1" class="photoBox">[img]</div>
<div id="box_2" class="photoBox">[img]</div>
<div id="box_3" class="photoBox">[img]</div>
</div>
<script type="text/javascript">
Event.observe(window, 'load', function() {
Sortable.create('container', {
tag: 'div', overlap: 'horizontal', constraint: false,
starteffect: function() {
},
endeffect: function() {
}
});
});
</script>
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
