Как поднять блок наверх?

Question

[Evgeniy]

Вопрос такой.
На этом сайте https://alliance-ot.ru есть проблема.
Как только зайдете увидите форму. Мне нужно чтоб кнопка отправить стояла после 3 формы. Но при этом нельзя трогать html. Позиционирование тоже не надо.
Посоветуйте как поставить кнопку отправить после 3 формы?

Answer 1

[Илья Мясин]

Если я правильно понял вопрос, есть два варианта:

1) после отрисовки перетащить кнопку по DOM-дереву в нужное место. На jQuery как-то так:

$('.ul-widget-feedBack-form-group').eq(3).after($('.ul-w-button1').eq(0))

Дальше отступы поправить стилями.

2) Поскольку все элементы формы находятся на одном уровне, можно форме назначить display: flex и поставить кнопку на нужное место через свойство order. Так надежнее, но придется повозиться со стилями - вам нужно будет проставить правильную ширину всем элементам, чтобы сохранился текущий лейаут.

Comments

[Evgeniy]

Большое спасибо. А как этой кнопке можно задать id?

[Илья Мясин]

Evdokim001, ну раз нельзя трогать html, то никак =) Пишите css-селекторы, руководствуясь здравым смыслом, я не знаю, что у вас в проекте может поменяться. Так или иначе придется опираться на позицию - в случае с jQuery юзайте .eq(), в случае с css - :nth-child

[Andrew]

Evdokim001, $('.ul-w-button1').eq(0).attr('id','my_id')