Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 128 129

Открыть новую тему     Написать ответ в эту тему

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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB
http://stackoverflow.com/questions/3264316/css-styling-links-why-alink-avisited-vs-just-a

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:55 05-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
немного отстранённый вопрос: а как (на сайтах) проще всего "поймать" инспектором стили всплывающих элементов?
допустим на :hover появляется блок, переходишь в браузере в инспектор - он соответственно исчезает. иногда найти не так и просто.
 
(самое простое что пришло в голову - заиметь два курсора и две мыши, но для этого оказалось надо доп. софт ставить, а мелкософт эту функцию вообще за отдельную цену продаёт )
может можно просто страницу как-то "заморозить" на нужном моменте?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:34 20-10-2016 | Исправлено: HeT BonpocoB, 12:35 20-10-2016
Mavrikii

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

Цитата:
может можно просто страницу как-то "заморозить" на нужном моменте?

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 14:10 20-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii, да... но допустим (теоретически) мышь наводится в центре экрана, а блок появляется в правом углу, т.е. по нему правым кликом попасть вообще не вариант в стандартном положении... как быть?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 15:31 20-10-2016
ALeXkRU 123



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

Цитата:
как быть?

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

Всего записей: 691 | Зарегистр. 26-03-2016 | Отправлено: 16:59 20-10-2016 | Исправлено: ALeXkRU 123, 17:00 20-10-2016
Mavrikii

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

Цитата:
но допустим (теоретически) мышь наводится в центре экрана, а блок появляется в правом углу, т.е. по нему правым кликом попасть вообще не вариант в стандартном положении... как быть?  

вам все равно где он появляется. главное, чтобы при выборе inspect element (над которым срабатывает hover) мышь оказалась вне документа.
   
после этого, пока мышь не окажется над документом, состояние hover "заморожено". баг это или фича - не знаю.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:10 20-10-2016 | Исправлено: Mavrikii, 21:10 20-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii, да это понятно...
я спрашиваю про случаи, когда вообще невозможно "перекинуть" курсор на всплывший элемент
ну чисто как пример (просто больше ничего не могу сейчас найти) взять любой твит в ленте твиттера, там при наведении на дату твита всплывает тултип, который исчезает при любой возможности
 
   
 
понятно что там скрипты и прочее, но всёж должен же быть способ ловить такие блоки?
 
p.s. понятно что его можно там отыскать в коде и т.д., но интересует не частный случай, а общий

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 22:28 20-10-2016 | Исправлено: HeT BonpocoB, 22:40 20-10-2016
Mavrikii

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

Цитата:
я спрашиваю про случаи, когда вообще невозможно "перекинуть" курсор на всплывший элемент  

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:38 20-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii, какой браузер? в мозилее и хроме ничерта не замирает у меня...  
Цитата:
главное, чтобы при выборе inspect element (над которым срабатывает hover) мышь оказалась вне документа.  
что толку от элемента над которым срабатывает? когда нужен тот, что всплывает...

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 22:45 20-10-2016
Mavrikii

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

Цитата:
какой браузер? в мозилее и хроме ничерта не замирает у меня..

ссылку? (увидел выше, щас)  

Цитата:
что толку от элемента над которым срабатывает? когда нужен тот, что всплывает

блин.. в DOM панели панели разработчика он будет. обычно в конце body (смотря куда аппенднули)
 
ps: ну ок, не везде.. смотря как реализовано - тут отлавливается кодом, а не фактический :hover. но и это можно отловить
простое решение.. в консоль пихаем

Код:
setTimeout(function(){debugger;}, 5000);

наводим мышку куда нужно и ждем, пока все замрет. таймаут выставляем по желанию.
 

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:47 20-10-2016 | Исправлено: Mavrikii, 22:54 20-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii, благодарю, не знал такого...
хотя на твиттеровском примере работает, а на другом, более сложном - уже нифига - всплывающий блок исчезает даже когда всё на паузе ...
может ещё какие способы имеются?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 23:24 20-10-2016
Mavrikii

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

Цитата:
а на другом, более сложном - уже нифига - всплывающий блок исчезает даже когда всё на паузе  

ссылку. дебаггер останавливает выполнение js кода.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:34 20-10-2016 | Исправлено: Mavrikii, 23:34 20-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii
Цитата:
ссылку.
да ладно, спасибо! (там регистрация нужна вроде чтоб всё заработало)
я вроде разобрался что можно мышь оставлять на элементе, а самому там тыкаться в инспекторах по горячим клавишам...
но всё равно, опять же "вручную" надо в коде отыскивать нужный естроки, неужто никак не выловить это по другому?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 23:38 20-10-2016
Mavrikii

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

Цитата:
но всё равно, опять же "вручную" надо в коде отыскивать нужный естроки, неужто никак не выловить это по другому?  

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:49 20-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
народ, что-то уже несколько часов не могу въехать в простую вещь...
 
таблица с заданной высотой, распределяет ячейки по всей высоте, всё нормально...
 
задаю высоту строкам:
 
tr {
  height:41px;
  min-height:41px;
}
 
таблица остаётся заданной высоты, но все строки прижаты к низу...
как сделать их по середине или хотя бы прижать к верху?
 
[добавлено] т.е. в инспекторе tbody как-бы прижата к bottom внутри table, а не к центру или верху
или это нормально?
 
сделал пример
поведение таблицы обусловлено добавлением к ней ::before как пофиксить?
p.s. after не предлагать! уже попробовал любопытно, это глюк или фича...

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 14:55 22-10-2016 | Исправлено: HeT BonpocoB, 15:30 22-10-2016
Mavrikii

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

Цитата:
но все строки прижаты к низу

какие строки? текст? задайте ему аналогичный line-height

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 18:07 22-10-2016
HeT BonpocoB



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

Цитата:
какие строки? текст?

нет, само тело таблицы прижимается к низу, если к таблице прилепить ::before, и прижимается к верху, если прилепить ::after
в примере видно^, вся таблица красный бордер, строки чёрный
 
вышло то как... всё было нормально, пока в таблицах не задал высоту нижней строки... под окнами всё пучком, а полез в андроид - а оно все строки сжало до минимума и разместило внизу...
 
пока пришлось высчитать и задать строки в пикселях каждой таблице (чтоб они на всю высоту разъехались), но это конечно не лучший вариант

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 18:19 22-10-2016 | Исправлено: HeT BonpocoB, 18:23 22-10-2016
Mavrikii

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

Цитата:
или это нормально?

before и after срабатывают внутри тега, нарушая, тем самым, валидность таблицы, так как в ней не должно быть ничего между <table> и <tbody> или </tbody> и </table>
если хотите вставить именно после таблицы - оберните ее в div и лепите к нему

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 18:24 22-10-2016
HeT BonpocoB



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

Цитата:
before и after срабатывают внутри тега, нарушая, тем самым, валидность таблицы

 
возможно, но оно прекрасно работало на всех имеющихся браузерах, пока не пришла идея задать высоту нижней строки... вот пример с тем-же ::befor, но без высоты строк...
 
*меня в принципе вариант с фиксированной высотой строк полностью бы устроил (даже хорошо что сверху можно оставить промежуток), если быть уверенным что оно будет так^ работать всегда и везде...

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 18:35 22-10-2016
Mavrikii

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

Цитата:
пока не пришла идея задать высоту нижней строки

задавайте не для tr, а для td

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 18:40 22-10-2016
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 128 129

Компьютерный форум 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

Рейтинг.ru