вам нужно использовать flexbox
.wrapper-image {
height: 18rem;
display: flex;
align-items: flex-start;
}
, в этом случае обертка imagem будет иметь 18rem height
, она больше, чем image, поэтому свойство align itens поместит imagem в начальный div (вверху). также можно использовать center
и flex-end
вместо flex-start
, гибкий дисплей позволяет использовать свойства align-items
и justify-content
(это позволяет расположить изображение по горизонтали). display flex
также полезно поместить все внутри тега в той же строке, так что если внутри te wrapper-image вы поместите два изображения, они будут показаны рядом, для правильного использования вы можете использовать flex-direction: column
. Если это не так, вы можете узнать больше о flexbox здесь [ 119] Если это было бесполезно, лучше покажите свой код, если возможно, поместите его в кодовое поле, чтобы я мог быть более полезным
Использовать event.preventDefault ()
$('#loginform').submit(function(e) {
e.preventDefault();
$(this).ajaxSubmit(options);
});
Другой вариант - изменить тег input html на
, что даст вам кнопку который ничего не делает, кроме как предоставляет перехватчик javascript.
Используйте следующий javascript для отправки формы через ajax
$("#save").click(function() {
$("#loginform").ajaxSubmit();
}
При этом вы теряете возможность отправить форму нажатием клавиши ввода. Вы можете решить эту проблему с помощью следующего jquery:
$("input").keypress(function(e) {
if (e.which == 13) {
$("#save").click();
}
});