Столкнулась с проблемой, что белка мешает комментированию и не дает открывать смайлы, но убирать не хотелось бы.[изображение] Возможно ли вообще в комментариях передвижение вот этого всего под белк... :: @CSS — стилизация дневников

Пятница, 02 февраля 2018

12:31

все записи пользователя в сообществе~Dusya~ [DELETED user]

Столкнулась с проблемой, что белка мешает комментированию и не дает открывать смайлы, но убирать не хотелось бы. :dshock:

Возможно ли вообще в комментариях передвижение вот этого всего под белкой и блока смайлов вправо?
картинка

@темы: отступы diaryCSS

URL

Профиль

Комментарии

2018-02-02 в 13:08

Setchi

Возможно ли вообще в комментариях передвижение вот этого всего под белкой и блока смайлов вправо?
Конечно возможно. Берёте все эти селекторы (список смайлов, чекбоксы, кнопку) и сдвигаете их отступом padding вправо:

#shsmile, #ReplaceBrDiv, #subscribeToComments_box, #doNotSmile_box, #change_avatar_box, #input_line, #btSubmit, .submit, input.submit {padding-left: Xpx;}

Вроде, так должно быть, но проверить всё сейчас не могу.

URL

2018-02-02 в 13:29

Tenno Seremel

Frozen flame

Также на белку можно повесить стиль pointer-events: none; тогда она не будет воспринимать клики (т.е. если, например, всё подвинули, и визуально нормально, но прозрачными частями она на что-нибудь залезает).

URL

2018-02-02 в 13:30

~Dusya~ [DELETED user]

Setchi, ого, со всеми ссылками получилось получилось, но кнопка "отправить" (это #btSubmit ?) растянулась на всю ширину и не нажимается или это ее блок. А вот какой это элемент, что-то не могу понять.

URL

Профиль

2018-02-02 в 13:33

~Dusya~ [DELETED user]

Tenno Seremel, спасибо, посмотрю, что это такое)

URL

Профиль

2018-02-02 в 13:33

Tenno Seremel

Frozen flame

На кнопку лучше margin-left.

URL

2018-02-02 в 13:37

Setchi

~Dusya~, это #btSubmit, да. Просто уберите из кода всё, что стояло после (.submit, input.submit). Это я сидела со своим кодом и не туда их скопировала.
И да, воспользуйтесь советом Tenno Seremel по поводу белки и margin-left для кнопки :dwink:

URL

2018-02-02 в 13:49

~Dusya~ [DELETED user]

Вроде получилось по расположению, но.. эти ссылки не работают и на них не нажимается(

 #shsmile, #ReplaceBrDiv, #subscribeToComments_box, #doNotSmile_box, #change_avatar_box, #input_line, #btSubmit, #addPicture_box{padding-left: 500px;}
 #btSubmit{margin-left: 500px;background-size: auto 10px; padding: 10px;}

URL

Профиль

2018-02-02 в 13:57

Setchi

~Dusya~, «ссылки» — это кнопка «Отправить»?
Если да, то сделайте вот так:

 #shsmile, #ReplaceBrDiv, #subscribeToComments_box, #doNotSmile_box, #change_avatar_box, #input_line, #addPicture_box {padding-left: 500px;}
 #btSubmit {margin-left: 500px; background-size: auto 10px; padding: 10px;}

Ещё им можно z-index задать, чтобы они «перекрывали» белку. И белке pointer-events: none прописать ещё для верности.
Вроде, должно сработать.

URL

2018-02-02 в 14:02

~Dusya~ [DELETED user]

Setchi, Tenno Seremel, да, "отправить" и смайлики тоже не открываются. Все равно не работает. Или у меня какой-то глюк может с браузером.
Вот открыла доступ к дневнику.

URL

Профиль

2018-02-02 в 14:10

Setchi

~Dusya~, заглянула. У вас там у extrabottom, где белочка, ширина большая стоит, 980px, вот он и перекрывает всё. Вы уменьшите ширину, и всё ок будет :)
И pointer-events: none тоже может помочь.

URL

2018-02-02 в 14:14

~Dusya~ [DELETED user]

Уии! Все получилось! СПАСИБО :sunny:

URL

Профиль

2018-02-02 в 14:18

Setchi

~Dusya~,

URL

Добавить комментарий

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:


Запомнить