Как поставить два элемента в виджете рядом друг с другом?

По умолчанию в виджетах Конвида элементы встают один под другим, но можно поставить их рядом друг с другом. Например, поле ввода емэйла и кнопка или две кнопки «Для мужчин», «Для женщин» прекрасно выглядят, когда стоят в одной строке. Чтобы это сделать нужно для начала создать все необходимые элементы, а потом подвинуть их с помощью отступов:

Очень важный момент: при таком размещении, контейнер (блок) одной из кнопок может перекрывать другую кнопку и по ней нельзя будет кликнуть. Это легко заметить, когда вы кликаете по одной из кнопок и ничего не происходит. Чтобы это исправить, нужно вынести нижнюю кнопку наверх при помощи кода:

position:relative; z-index:2;

Код нужно прописать в поле CSS для обоих блоков. z-index для того блока, который мы выносим наверх должен быть больше, чем у второго блока, например, 1 и 2.

Читайте подробный туториал создания подобного виджета с примерами и картинками.

Все еще нужна помощь? Связаться с нами Связаться с нами