Super_Saimon

Добрый день!С наступившим и наступающими!))) Нуждаюсь в ответе на такой размытый, может быть, вопрос: как отмасштабировать изображение по размеру родительсокго блока? К примеру: есть картинка 300Х300, а блок всего 140Х140. Задав ширину и высоту блоку 140Х140, а ищображению display: block, max -width, -height: 100%, у меня изображение просто обрезается, а не масштабируется. Хотя, в примере, который сейчас разбираю как раз именно эффект уменьшения масштаба происходит-картинка вся влазит в родительский блок и уменьшает изображение.

Странно, почистил - помогло,но при следующем входе в jsfiddle опять та же проблема. После каждого раза, получается, лучше чистить кэш?

Добрый день! Всех с наступающим! Подскажите как справиться с бедой - дня два назад как-то самопроизвольно изменилось отображение рабочих областей в окне(собственно, на картинке видно). И не могу настроить нормально-нет курсора типа "изменения границ области по вертикали". Я посмотрел в настройках-4 поля стоит для отображения.

Спасибо за пояснение и пример!

Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?

Спасибо за решение!

Мда, собственно, я и впрямь тупонул - не написал что требовалось. Я ожидал получить результат, при котором подчеркивание не вываливалось за блок ul и было бы с эффектом "движения слева на право")) Для этого и использовал псевдоэлемент, так как border-bottom у ссылки дал эффект просто всплывающего по всей ширине сразу.

Извиняюсь что лапухнулся с примером, который кинул-сто раз переделывал и перед вставкой не усмотрел до конца. Надеюсь, в этом таких оплошностей не допустил https://jsfiddle.net/nfodvkbh/4/ Вот, в таком виде я хотел вам показать. А на счет padding у ссылки - честно признаюсь)) не улавливаю как он влияет на отображение ее псевдоэлемента. Спасибо за примеры решения! Я вот только так и не понял: как в первом сделать after толще, что бы не получилось как во втором примере: когда псевдоэлемент вываливается за блок ul. Ломал голову над обоими вариантами... решил уже спросить у знающих)))

Так, вроде ж, и задал всем одинаковое позиционирование (Top:100%), если вы об этом.

Добрый день! Есть данный пример https://jsfiddle.net/nfodvkbh/2/ Возникло непонимание-почему у псевдоэлементов в результате разная высота и как устранить проблему с отступом у последнего блока? Касательно второго вопроса-если я уберу отступ у последней ссылки, то псевдоэлемент не будет отображаться, на сколько я понял.

Ну, вы почти правы: div- ключевой элемент в данной верстке, так сказать "кирпичи для постройки". А "display" - свойство, если можно так выразиться, поведения блока. Как вам уже подсказали ранее, по умолчанию.

Теперь все стало в разы яснее! Еще раз спасибо, что потратили время и помогли избавиться от "белых пятен" в этом аспекте!

Спасибо за разъяснения и потраченное время! Очень помогли устранить пробелы, которые мешали "жить спокойно"!))) А еще такой вопрос... извиняюсь за наглость,конечно. А есть ли разница в сравнении между жестко заданными величинами страницы и адаптивной страницы? Просто мне попадало на глаза статья где описано, что при адаптивном, как минимум, по ширине сравнение уже не имеет значения.

Все размеры я беру с макета, если вы об этом. Но я так понял, что это скорее мой косяк с выстраиванием по вертикали. Так я думал, что совпасть должно, как говориться, удар в удар. И по вертикали, и по горизонтали. То есть, при наложении страницы на макет должно совпасть на все 100%, без малейших искажений. Спасибо за подсказку!

А по высоте? Это, пожалуй, больше всего у меня вызвало непонимание. Если ширину я просто в body загнал как в макете, то с высотой не пойму. Да еще и смущает что есть несовпадение по высоте некоторых элементов, хотя все размеры пытаюсь с макета не на глаз брать. Это уже мой косяк в верстке, а не разница между страницей в браузере и макетом?

Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...

Добрый день! Имею такой пример https://jsfiddle.net/hfbLxxdr/1/ для построение "плитки". Столкнулся с нюансом: в макете блок-контейнер имеет ширину в 700px. Каждый элемент списка имеет ширину 222px, отступ(margin-right, в примере для красоты поставил по 15) между собой в 20px, построение- 3 в ряд... отсюда вопрос: могу я корректировать сам размеры блока-контейнера/ блоков-элементов, если по замерам я на 6px превышаю заданные размеры блока-контейнера? Или это "расстрельная статья", табу?)))

Спасибо за разъяснение! Помогли убрать пробел в понимании.

Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?

Мда, как-то аж стыдно что не додумался до такого рода флагов. Спасибо за подсказку!

Доброе утро! Подсобите теорией: есть 3х страничный сайт. На главной странице есть меню, которое, по факту, одно и тоже для всех 3х страниц. Так вот, есть ли в css схожее свойство с атрибутом checked чекбоксов? То есть, при переходе с "главной" на, к примеру, "ваши заказы" сразу стал активен пункт меню с ссылкой "ваши заказы". Или это лучше реализовать на jquery? Извините за размытое описание проблемы, но нет возможности сейчас выложить код.

Не видя наглядно, не могу утверждать что мое решение то, что вам нужно. Но попробуйте воспользоваться сайтом http://www.colorzilla.com/gradient-editor/ для создания нужного вам градиента.

Спасибо за разъяснение и потраченное время! Очень помогли.

Та вот задание без flex-a. По факту, я уже его перевыполнил: это отсебятина - попытка убрать пробелы между блоками и сохранить центровку через "inline-block". Но столкнулся с такой вот оплошностью. А, немного отходя от темы, возможно ли этот нюанс решить с помощью JavaScript?

Да, результат искомый. Но я бы хотел понять как, не прибегая к свойству font-size, справиться с такой проблемой. Как отменить margin-left для первого элемента новой строки? Учитывая что это все элементы одного списка.