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

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



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

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

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

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

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет!
Подскажите пожалуйста: можно ли на странице один и тот же текст отображать по-разному с помощью CSS?
 
Например, есть два блока, в которых один и тот же текст.
Нужно, чтоб в первом блоке слова отображались в строку, а во втором в столбик?
 
При этом HTML-разметка текста одинакова и там и там, т.е. с помощью HTML разное отображение сделать нельзя (CMS может выдавать только один вариант).

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 18:51 23-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gregoryaz
Цитата:
Нужно, чтоб в первом блоке слова отображались в строку, а во втором в столбик?  

самое простое что пришло по быстрому

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

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB, спасибо!
А можно как-то сделать, чтоб эти блоки по-раздельности существовали и настраивались? А то у меня в адаптивном шаблоне один из них в зависимости от разрешения будет всегда скрыт.

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 23:22 23-10-2016
HeT BonpocoB



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

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

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



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

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB
все гораздо проще (каюсь, сам не знал - не было такой нужды) )
http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools

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



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

Цитата:
все гораздо проще

если правильно понял, то не проще... опять же в коде надо отыскивать сначала.. (а если оно появляется скриптами то наверно и хрен найдёшь так)
 
а тут всё как обычно => вспл.блок "завис", правым кликом => само нашло код...
кстати подозреваю что можно использовать любую программу с "always on top"-окном (но не уверен)
но всё равно сенкс, пригодится я в меню то видел эти пункты, но как-то не понимал как они фурычат

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

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

Цитата:
опять же в коде надо отыскивать сначала..

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

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



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

Цитата:
потом в сорсе просто цепляется постоянное ховер событие и все.
ну х.з.
толи я тупой, но в том-же твиттере^ сие у меня не работает (мозилла). на pure-css-элементах да, без проблем.
так что считаю "мой" способ более универсальным пока

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

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

Цитата:
сие у меня не работает (мозилла). на pure-css-элементах да, бе

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

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 20:31 28-10-2016 | Исправлено: Mavrikii, 20:32 28-10-2016
gregoryaz

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Снова всем привет!
Не подскажете насчёт адаптивности картинок.
 
Есть блок шириной 600рх.
В нём две картинки, одна шириной 600 рх, другая 300рх.
 
Если делаю так, то адаптивность работает, но вторая картинка растягивается на всю ширину блока.
 
.block img {
    height: auto;
    width: 100%;
    }
 
Если меняю на это, то картинка приходит в норму, но адаптивность пропадает:
 
.block img {
    max-width: 100%;
    }
 
Можно ли это победить?

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 20:25 30-10-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gregoryaz
что в данном случае называете адаптивностью - при уменьшении ширины 600 жмется сразу и 300 только когда до нее доходит очередь или одновременно и пропорционально?

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 20:44 30-10-2016
gregoryaz

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
 
Да, одновременно и пропорционально.

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 20:53 30-10-2016
Mavrikii

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

Цитата:
Да, одновременно и пропорционально.

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

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



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

Цитата:
В нём две картинки, одна шириной 600 рх, другая 300рх.  

ну так поставьте ширину второй картинки 50%
или что надо то?
 
говорю же, лучше в симуляторе пример составлять...
часто пока составляешь сам и решение придумаешь сразу, и спрашивать не надо

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 21:51 30-10-2016
gregoryaz

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB
 
Дело в том, что какие размеры у второй картинки не выставляй, при первом варианте она всегда по ширине блока, а при втором нет адаптивности.

Всего записей: 141 | Зарегистр. 23-08-2005 | Отправлено: 22:06 30-10-2016
HeT BonpocoB



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

Цитата:
Дело в том, что какие размеры у второй картинки не выставляй, при первом варианте она всегда по ширине блока
как она может быть по ширине блока с 50% от его ширины ?

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

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

Цитата:
все гораздо проще (каюсь, сам не знал - не было такой нужды) )  
http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools

К сожалению, все описанное не всегда работает. Попадаются менюшки, к-рые несмотря на все танцы с бубнами все-равно схлопываются (срабатывает mouseover).
 
 

Цитата:
Есть блок шириной 600рх.  
В нём две картинки, одна шириной 600 рх, другая 300рх.  

А зачем тут адаптивность? Блок 600, первая картинка занимает всю его ширину, вторая будет во втором ряду на половину ширины. Что тут делать адаптивным то? То что 2 картинки сразу ресайзятся, так это нормальное поведение.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 05:31 31-10-2016
Mavrikii

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

Цитата:
срабатывает mouseover

для этого используется метод с дебаггером - Вопросы по CSS

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 06:01 31-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

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