воскресенье, 28 октября 2018
11:09

Не дадим вытечь читательским глазам! - 2

все записи пользователя в сообществе WTF Inside
Тред 1, Тред 2 (этот), Тред 3 (следующий)


Ранее

Пишет Гость:
27.10.2018 в 10:18

Пока ЗФБ не началась, дорогие команды, просьба ко всем. Пожалуйста, проверяйте, как ваша вёрстка и ваши выкладки будут смотреться с мобильных устройств! Сейчас почти никто не читает ЗФБ из дома, а читают по дороге или ещё где-то, где есть возможность только со своего телефона выйти в интернет. И иногда с мобильных просто невозможно читать ваш контент. У меня, например, из-за этого ещё с прошлой зимы пара крутых команд не дочитана.

И ещё просьба: ставьте нормальные ссылки на скачивание текстов (не архивом и т.д.). Заливайте удобные для чтения форматы, опять-таки чтобы мобильным читателям можно было без проблем скачать и чтобы сделанные вами архивы с мобильных вменяемо читались. Неужели это так трудно?

У меня всё. Всем добра и удач на ЗФБ!

URL комментария



Треды реков и антиреков дизайна: 1, 2, 3

@темы: Визуал, Советы, Верстка и оформление

URL
Комментарии
30.11.2017 в 16:53

Гость
Ну комментом же выше код.
Да, уже увидел.
URL
30.11.2017 в 18:35

Гость
добрый анон спасибо за код с префиксами!!!!!!:heart:
а то было лениво искать, где они у меня все выписаны
URL
01.01.2018 в 14:48

Гость
Может, кому-то из начинающих верстальщиков будет интересно: сейчас на сайте HTML Academy проводится новогодняя битва, участникам которой временно открывается доступ к платным интерактивным курсам. Так что если вы, например, прошли у них бесплатные курсы по верстке, но не захотели брать подписку на платные, сейчас можно пройти хотя бы часть из них на халяву.
URL
01.01.2018 в 15:00

Гость
Набор до 31 декабря. Ащщщ. В следующем году надо будет заглянуть, спасибо, анон!
URL
01.01.2018 в 15:09

Гость
Набор до 31 декабря

А если по такой ссылке, тоже не получается?
У меня написано:
"Этап Ⅱ.Битва
c 1 по 5 января
Чтобы победить в битве и остановить Рагнарёк нужно проходить курсы, каждое пройденное задание даёт команде 20 байтов кода. Также не забывайте приглашать новых участников, каждый новый боец увеличивает силу команды."
Вроде подразумевается, что люди еще могут вступать в команды.
URL
01.01.2018 в 15:34

Гость
ага, второй этап. Первый этап был набором

читать дальше
URL
01.01.2018 в 15:36

Гость
Но внизу страницы есть кнопка "Попасть в команду"?
URL
01.01.2018 в 15:40

Гость
Но внизу страницы есть кнопка "Попасть в команду"?
через пару часов попробую - сейчас неудобно. Но я почти уверен, что просто не убрали.
URL
05.01.2018 в 23:35

Гость
Ну что, анон, ты попробовал или нет? Если нет, то до полуночи еще есть время. Я из интереса попытался снова зарегистрироваться и вступить в команду - все получилось.
URL
07.01.2018 в 23:04

Гость
Аноны, а какие годные картинкохостинги вы используете, кроме imgur? У меня он который день ошибку 403 выдает.
URL
07.01.2018 в 23:07

Гость
У меня он который день ошибку 403 выдает.
У меня тоже выдавал, пока я не поменяла почту с русской на зарубежную.
URL
07.01.2018 в 23:41

Гость
имгур зло, не надо на него
URL
08.01.2018 в 00:00

Гость
У меня тоже выдавал, пока я не поменяла почту с русской на зарубежную.
Сменил, теперь Failed to create post :D
URL
08.01.2018 в 04:05

Гость
ipic годный, в смысле быстрый и вроде с картинками непотребств не творит, но жаль, что нет внутренней галереи пользователя, чтобы как на том же имгуре себе все организовать, и загрузка все-таки тупо через перетаскивание тоже удобнее
URL
08.01.2018 в 04:44

Гость
Аноны, а что, максимум ширина таблицы на дайри - 888 пикселей? Или это зависит от платности (комсоо без отключения рекламы через сервисы)?
URL
08.01.2018 в 17:28

Гость
ipic годный
Спасибо за рек, я пока выбрал lensdump, посмотрим, подойдет ли.
URL
10.01.2018 в 21:11

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

Делаем шапку. Положили картинку фоном. Но между шапкой и следующим блоком - мощный такой отступ. Я уже всего напихал туда, а всё равно уползает. При этом с подвалом никаких проблем, прилип к верхнему блоку как родной.


И следом: у не влезающей в ширину картинки, которая просто картинка, img, появляется полоса прокрутки. Никак не могу найти, как эту полосу убрать и просто молча обрезать эту не влезшую часть. Положить влезающую картинку не вариант в данном случае.
URL
11.01.2018 в 00:31

Гость
Делаем шапку. Положили картинку фоном. Но между шапкой и следующим блоком - мощный такой отступ. Я уже всего напихал туда, а всё равно уползает. При этом с подвалом никаких проблем, прилип к верхнему блоку как родной.
Попробовал у себя, не повторилось, картинка к блоку с "блаблабла" липнет. Подозреваю, что проблема та же, которая вызывает у картинки полосу прокрутки - у меня все это скопом повылезало в верстках прошлогодних фб, когда ввели новую ширину дайри. Я там еще фиксированную ширину блоков давал.
URL
11.01.2018 в 03:34

Гость
высоту из кода выпили, подозреваю, что в ней дело.
URL
11.01.2018 в 13:03

Гость
Если убрать высоту, блок схлопнется. Анон, лучше сделай шапку через тег img, обычной картинкой) тогда и высоту не надо будет прописывать, и вообще)
URL
11.01.2018 в 13:06

Гость
А не влезающей картинке просто прописать width: 100% или max-width
URL
11.01.2018 в 13:21

Гость
Если убрать высоту, блок схлопнется. Анон, лучше сделай шапку через тег img, обычной картинкой) тогда и высоту не надо будет прописывать, и вообще)
вот да, +1. нахуя там фон, если див пустой.
URL
11.01.2018 в 13:50

Гость
Аноны, подскажите, а то я, похоже, что-то пропустил, - с каких пор дайри приписывает onload="setSImg(this);" в тег img, из-за чего на выходе он оборачивается в span class="img_div"? Это никак не отключается? Там как раз этот назойливый overflow:auto прописывается...
URL
11.01.2018 в 15:47

Гость
в настройках поройся, анон, там вроде что-то было на тему того, как отображать картинки.
URL
11.01.2018 в 16:30

Гость
Спасибо за совет! Нашёл, отключил.
URL
11.01.2018 в 17:14

Гость
не за что ))
URL
12.01.2018 в 02:26

Гость
Про высоту - без неё не отображается.

Если убрать высоту, блок схлопнется. Анон, лучше сделай шапку через тег img, обычной картинкой) тогда и высоту не надо будет прописывать, и вообще)
А не влезающей картинке просто прописать width: 100% или max-width
Через имг оно пытается вставить всю картинку и добавляет прокрутку. Прописанная ширина от этого спасёт?
Мне нужно, чтобы картинка в широкой ленте разливалась во всю ширь, а в узкой - просто незаметно обрезалась. Всегда будут те, кто смотрит посты из избранного/спустя три года после окончания оплаты/ещё при каких-то нечеловеческих условиях. Да и комсоо у команды не проплачено, так что там у кого что.
URL
12.01.2018 в 02:32

Гость
Анон, я щас извращение предложу, а если в див с картинкой-фоном положить прозрачный gif 1x306 px вместо указания высоты в самом диве?
URL
12.01.2018 в 02:53

Гость
Анон, я щас извращение предложу, а если в див с картинкой-фоном положить прозрачный gif 1x306 px вместо указания высоты в самом диве?
О, меня сейчас любые извращения возбуждают, попробую и это, спасибо )
URL
12.01.2018 в 04:02

Гость
Через имг оно пытается вставить всю картинку и добавляет прокрутку. Прописанная ширина от этого спасёт? Мне нужно, чтобы картинка в широкой ленте разливалась во всю ширь, а в узкой - просто незаметно обрезалась.
Принципиально, чтоб обрезалась? width: 100% подгоняет картинку под ширину родительского блока) У тебя такое же сделано на див с основным блоком.
Я сам обычно делаю так: width: 100%; max-width: ширина картинки или максимальная ширина блока с версткой, у тебя, судя по всему, это 800px.
Если нужно, чтоб обрезалась, просто засунь картинку в блок с min-width:500px;max-width:800px; width:100%; (как у тебя второй), пропиши картинке overflow: hidden, и все.

Полный код на "резиновую" картинку:



И на обрезку:



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

Анон, я щас извращение предложу, а если в див с картинкой-фоном положить прозрачный gif 1x306 px вместо указания высоты в самом диве?
господибоже, зачем? :-D

Я тут еще подумал над твоим начальным кодом. А картинка фоновая какой высоты? Мб она просто меньше, чем 306 пикселей, отсюда и пустое место? Я щас только что потестил твой код на своей картинке, все ок (в настройках включен скролл у картинок, то есть это точно не могло повлиять). И не забудь диву с картинкой-фоном прописать те же параметры ширины, что и у основного блока)

Вот эти:


URL