Вопрос по стилям css

webledi
На сайте с 26.07.2011
Offline
87
362

Добрый день!

Как только с помощью изменения css добиться размещения полей "Ваше имя + Имя получателя" на одной строке?

http://new.romanticcollection.ru/new/say-3/

Как тут - http://new.romanticcollection.ru/new/say/

S
На сайте с 30.09.2016
Offline
469
#1
webledi:
только с помощью изменения css

А что, доступа к коду HTML нет?

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
webledi
На сайте с 26.07.2011
Offline
87
#2

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

Оксиген
На сайте с 30.07.2006
Offline
424
#3

Блоки всегда будут размещаться на новой строке. Соответственно надо использовать свойства display: inline-block; или display: inline;

Магазин готовых сайтов (https://www.bdb.ru/shop/) Продление доменов в RU-CENTER по партнерским тарифам.
S
На сайте с 30.09.2016
Offline
469
#4

Оксиген, там так запросто не пойдёт, все блоки разные. По-видимому, через nth-child нужно стили прописывать.

Оксиген
На сайте с 30.07.2006
Offline
424
#5

Всегда же можно написать style="" и приоритет будет выше любых других.

S
На сайте с 30.09.2016
Offline
469
#6
Оксиген:
Всегда же можно написать style=""

Не всегда, а когда есть доступ к коду. Я выше вопрос не просто так задал.

Anarchist
На сайте с 23.07.2008
Offline
185
#7

webledi, если добавишь к ul.wpuf-form li что-то в духе { width: 300px; display: inline-block; }

то станет понятно, в какую сторону копать. Чтобы применять эти стили только к этим двум блокам, нужно будет его задавать через :nth-child

S
На сайте с 13.10.2014
Offline
156
#8

совет: используйте display:flex; и flex-wrap:wrap;

ну а дальше при помощи nth-child играетесь размерами

если 3 объекта в сумме будет меньше 100% они поместятся на строку. если больше - нет и они спрыгнут вниз

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий