Brokkoli3000
New member
Hi guys,
I am trying to make products in a product list draggable. Every product is defined by a <div> with rounded borders and an <img> and a text inside.
If I use the default drag image, the right border is missing in some of the drag images. Furthermore, the drag images have different sizes even though the product <div>s all have the same size.
I tried customizing the drag image, using a copy of the <div> that is placed inside the document. Then I get other weird effects like that the <div> is way too big and I don't manage to scale it down.
When I just put the <div> directly as the drag image, the size seems to be correct but Firefox apparently makes the image half transparent to its edges, which also doesn't look nice.
Did any of you have a similar case already and know how to fix it? Any help appreciated!
I am trying to make products in a product list draggable. Every product is defined by a <div> with rounded borders and an <img> and a text inside.
If I use the default drag image, the right border is missing in some of the drag images. Furthermore, the drag images have different sizes even though the product <div>s all have the same size.
I tried customizing the drag image, using a copy of the <div> that is placed inside the document. Then I get other weird effects like that the <div> is way too big and I don't manage to scale it down.
When I just put the <div> directly as the drag image, the size seems to be correct but Firefox apparently makes the image half transparent to its edges, which also doesn't look nice.
Did any of you have a similar case already and know how to fix it? Any help appreciated!