Вопросы по CSS - [65] :: Web-программирование :: Компьютерный форум Ru.Board

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Xrobak

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

меняются местами почему-то

значит что то еще применяется или не поддерживается.

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 23:03 14-10-2018

b7music

Advanced Member

Цитата:

более того, код использует js для выставления координат для .dropdown по наведению мышки в меню.
почему тогда не использовать анимацию от jquery, которая все сделает за вас?

Нашел вот такой кусок в main.js
https://paste.ofcode.org/wv3NzsFGkgEQTBSSGwr7pH
Подскажите, это оно?

Всего записей: 673 | Зарегистр. 04-03-2010 | Отправлено: 07:49 15-10-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

b7music

Цитата:

Подскажите, это оно?

да, это код для отображения меню.
у него уже есть анимация развертывания вниз, правда может быстро слишком

Цитата:

$submenu.stop().slideDown(animationTime, function(){
$submenu.css({height: '', 'overflow':'visible'});
});

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 08:12 15-10-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Если без float: right, то надписи стоят сразу за заголовком и как положено, и больше ничего не применяется.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 11:43 15-10-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS
Тогда что не так? Порядок другой - ну так и я в своем примере его поменял (так работает float)
Чтобы не менять порядок их нужно засунуть в контейнер и ему сделать float

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 11:45 15-10-2018 | Исправлено: Mavrikii, 11:52 15-10-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Точно, сразу не обратил внимание, что в примере у названий порядок другой.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 12:34 15-10-2018

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Что-то не пойму, как не пробую применить при наведении курсора top: к label, чтобы при наведении курсора этикетка вниз опускалась, например, пикселей на 5, никак не хочет работать.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 01:47 26-10-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS http://jsfiddle.net/9rwso8hg/1/ будет "мерцать" если курсор будет расположен в этих пикселях
	Всего записей: 15089 \| Зарегистр. 20-09-2014 \| Отправлено: 01:56 26-10-2018 \| Исправлено: Mavrikii, 01:57 26-10-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Спасибо за ответ! В примере не мерцает и работает, но на том сайте не работает. Делаю в инспекторе (панель разработчика) и ничего, нет эффекта.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 02:06 26-10-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

Делаю в инспекторе (панель разработчика)

делаете что? он не позволяет добавлять новые классы, лишь модифицировать существующие или менять стиль конкретного элемента

Цитата:

В примере не мерцает

будет, если курсор расположить близко к верхней грани. потому что после смещения элемент "уплывает" из под мышки и перестал работать hover, как только возвращается - снова под курсором и срабатывает обратно. решается обертыванием в inline элемент и применением hover к нему.

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 02:08 26-10-2018 | Исправлено: Mavrikii, 02:09 26-10-2018

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Почему же? В том же Firefox можно добавлять и всё работает. Но даже в самой программе-редакторе, при добавлении этого эффекта, вниз опускается весь контейнер с текстом, а не отдельно взятый элемент, для которого это делается.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 02:30 26-10-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

В том же Firefox можно добавлять и всё работает

в хроме нет.

Цитата:

вниз опускается весь контейнер с текстом

показывайте что сделали. значит hover не к тому применяется
либо margin у label увеличивает высоту родителя, от того текст и идет вниз.
вместо margin-top можно сделать position: relative; и менять top, тогда размеры родителя меняться не будут.

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 02:31 26-10-2018 | Исправлено: Mavrikii, 07:36 26-10-2018

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

вместо margin-top можно сделать position: relative; и менять top

Спасибо!!! Теперь работает как и задумано.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 14:35 26-10-2018

xerpal

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Есть div с классом "active passive".

Код:

<div class="active passive">тут картинки, текст, кнопки, всякое разное</div>

можно сменить очередность, не принципиально.
Пассив дает уменьшение opacity. Active не дает

Код:

.passive{
opacity: 0.4;
}
.active{
opacity: 1 ;
}

Как сделать так, чтобы работал active? А точнее чтобы не работал passive

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 22:01 28-10-2018 | Исправлено: xerpal, 22:06 28-10-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

xerpal

Цитата:

А точнее чтобы не работал passive

в active сделать
opacity: 0.4 !important;
ну или описать как div.passive, тогда приоритет будет выше.
http://htmlbook.ru/samcss/kaskadirovanie

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 22:10 28-10-2018

xerpal

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Не, мне нужно наоборот. Чтобы не 0.4, а 1 работало. Пробовал

Код:

opacity: 1 !important;

не помогает

Добавлено:
Mavrikii

Цитата:

ну или описать как div.passive, тогда приоритет будет выше. http://htmlbook.ru/samcss/kaskadirovanie

Нет, условие жесткие по диву, это в Cms

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 23:53 28-10-2018 | Исправлено: xerpal, 23:54 28-10-2018

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

xerpal

Цитата:

не помогает

не верю. значит дело не в этом.
более того - http://jsfiddle.net/dcuo8f3e/
значит у вас что то еще применяется или описано где то

Всего записей: 15089 | Зарегистр. 20-09-2014 | Отправлено: 00:35 29-10-2018 | Исправлено: Mavrikii, 00:37 29-10-2018

xerpal Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Да уж, тире с подчеркиванием перепутал ((
	Всего записей: 1584 \| Зарегистр. 08-10-2011 \| Отправлено: 01:49 29-10-2018

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Просьба подсказать, можно ли сделать так, чтобы появляющиеся круги при наведении, на этом примере, были полностью видны сверху и снизу (можно за текстом или поверх текста)?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 04:20 29-10-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS overflow: hidden; у родителей уберите
	Всего записей: 15089 \| Зарегистр. 20-09-2014 \| Отправлено: 04:26 29-10-2018

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC