let 3 изображения придерживаются центра нижней части родительского div, рядом друг с другом

Question

Это выше, в основном, моя проблема. Я уже просматривал некоторые другие вопросы по SO, но ближайший был около элемент, который не должен находиться в центре.

я в основном есть три изображений рядом друг с другом в невидимой обертке DIV, найденные здесь: http://korilu.nl/maurits/search.html

То, что я хочу, чтобы предотвратить два изображения, которые являются небольшими от вверх и вниз, когда один щелчка.
Я постарался положить position:relative; на обертку и position:absolute; bottom:0; на изображения, как это было предложено в вопросе, упомянутом выше, но потом они уже не посередине, а поверх друг друга в верхнем углу. Как мне это сделать?

EDIT: Или сверху или в центре, я не забочусь, до тех пор, как они перестают двигаться

Answer 1

Вам просто нужно изменить ваш JQuery скрипт:

$("a").click(function(){ 
       $(current).animate({ 
        opacity: .5, 
        height: '100px', 'margin-top': '100px' 
       }); 
       $("img", this).animate({height: '200px','margin-top': '0px', opacity: 1}); 
       current = "#" + $(this).find("img").attr("id"); 
      }); 

Примечание два новых вхождений маржи-топ. Пробовал это на вашем сайте и работает так, как вы этого хотите.

Answer 2

#icons 
{ 
    text-align:center; 
    height:20%; 
    display: block; 
    width: 405px; 
    margin: 0 auto; 
} 
#icons a 
{ 
    float: left; 
} 

Избавиться от маржинальной/дополнения вы имеете на одну из ссылок прямо сейчас. Я установил ширину 405px, потому что у вас может быть некоторый стиль, который в любом случае подталкивает одну из них к следующей строке.

Answer 3

Попробуйте сделать обертку div относительной, а затем абсолютное свойство будет отсчитываться от обертки вместо всего документа.

Затем вы можете установить положение: 0; внизу: 0; и справа: 0; внизу: 0; для левого и правого значков.