2012-02-17 5 views
1

Вот код http://jsfiddle.net/DTYEB/14/, изображения там накладываются друг на друга, я хочу их рядом друг с другом. Я могу изменить позицию на относительную в классе css .container {}, но функциональность приложения изменится , так есть ли способ иметь промежутки между элементамиЭлементы Div перекрывают друг друга - css

+1

Вы можете разместить более читаемый код (менее whitspace)? –

+1

удаленный пробел в css & code part - http://jsfiddle.net/DTYEB/19/ – user1184100

ответ

2

Если вы посмотрите на инструменты разработчика, вы увидите, что каждый div при этом каждое изображение имеет абсолютную позицию с одинаковыми координатами.

Вопрос есть:

.container{ 
    position:absolute; 
    width:64px; 
    height:64px; 
    top:200px; 
    left:300px; 
    z-index:0; 
} 

ли это:

.container{ 
    width:64px; 
    height:64px; 
    z-index:0; 
} 

И создать родительский DIV, который имеет абсолютную позицию.

Это одно из множества решений.

+0

thanx для ответа, но если я это сделаю, функция перетаскивания не будет работать требуемым образом :(Примечание: элементы изображения могут перетащить) – user1184100

+0

@ user1184100 затем создать 2 класса .container 1 и .container2 и поместить правильные координаты в каждую из них? – unludo

+0

Правильно, что решит проблему, но там функции r diff в коде, которые мне нужно будет выяснить ... спасибо за комментарии :) – user1184100

1

я обновил свой скрипт и добавить следующий код,

$(dragElement).css('position','relative'); 
$(dragElement).css('float','left'); 
$(dragElement).css('display','inline-table'); 

проверка Теперь http://jsfiddle.net/DTYEB/32/

+0

спасибо hRaval .. но изображения накладываются друг на друга, прежде чем они будут перетаскиваться Я хочу рядом друг с другом.. – user1184100