CSS - это весело!

[ Версия для печати ]
Добавить в Telegram Добавить в Twitter Добавить в Вконтакте Добавить в Одноклассники
Страницы: (3) 1 2 [3]   К последнему непрочитанному [ ОТВЕТИТЬ ] [ НОВАЯ ТЕМА ]
straniero
19.05.2023 - 03:23
0
Статус: Offline


Паяц

Регистрация: 4.02.13
Сообщений: 1751
Цитата (kofeimoloko @ 17.05.2023 - 12:12)
Цитата (bolych @ 17.05.2023 - 13:01)
Цитата (KirillElPistolero @ 17.05.2023 - 11:47)
Вроде и понятно, но лёгкая помощь пояснительной бригады не помешает.

Использование CSS
CSS используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS является ограждение и отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.

а теперь по-русски:

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

ты сделал, на твоем экране выглядит охуенно.

Заказчик смотрит на своем экране - а страница вся перекосоебена

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

что и продемнстрировали дизайнеры этого кубка

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

а у него ещё и зум выставлен на мониторе 125%
 
[^]
straniero
19.05.2023 - 03:25
0
Статус: Offline


Паяц

Регистрация: 4.02.13
Сообщений: 1751
Цитата (rokor @ 18.05.2023 - 21:29)
Пишите таблицами пол устройство , или сцц для всего с развёрткой в процентах аалоо😁

ага напиши под зум монитора
 
[^]
Salagin
19.05.2023 - 05:06
3
Статус: Offline


Ярила

Регистрация: 22.12.12
Сообщений: 6925
Школота, раньше таблицами верстали и без всякой адаптивности, на голом html.
Ещё dhtml был, возможно он в css и разродился

Размещено через приложение ЯПлакалъ
 
[^]
Bombaster83
19.05.2023 - 05:31
0
Статус: Offline


Шутник

Регистрация: 23.07.20
Сообщений: 99
Текст вообще под табличкой надо было сделать

Размещено через приложение ЯПлакалъ
 
[^]
simva
19.05.2023 - 05:42
2
Статус: Offline


Дилетант широкого профиля

Регистрация: 13.06.11
Сообщений: 2616
Цитата (mazairus @ 19.05.2023 - 01:37)
Цитата (ElenkaZP @ 17.05.2023 - 12:27)
тут не только такой кейз )) ты сверстал страницу, посмотрел на своей винде десятой в хроме — норм, красиво. а потом клиент заходит со своего макбука через сафари, а там вообще непонятно что ))) каждый браузер понимает одно и то же правило по-своему. причём иногда даже один и тот же браузер на разных ОСях по-разному интерпретируют ))

Это адаптация и разраб проверяет на всех основных браузерах, самый геморрой был с IE, для него отлельные строки писались.

Разраб не должен тестировать свой продукт. Для этого должен быть тестировщик. Хотя бывает всякое:
"Заходит как-то тестировщик в бар...
Вбегает как-то тестировщик в бар...
Вползает как-то тестировщик в бар...
Влетает как-то через разбитое окно тестировщик в бар...
Въезжает как-то на мотоцикле тестировщик в бар...

и заказывает стакан воды...
и заказывает стакан водки...
и заказывает стакан мартини...
и заказывает стакан мартини с водкой (взболтать, но не смешивать)...
и заказывает стакан молока...
и заказывает стакан ацетона...
и заказывает стакан свежевыжатой крови девственниц...

"Вроде всё работает." - говорит тестировщик.
А потом юзер въезжает в бар на танке, заказывает стакан антивещества и система падает к хуям."
 
[^]
Sabalak
19.05.2023 - 05:48
2
Статус: Offline


Ярила

Регистрация: 9.04.13
Сообщений: 11775
у меня в ворде такая хуйня случается, а вы про какой то ЦСС

CSS - это весело!
 
[^]
IR145
19.05.2023 - 08:11
1
Статус: Offline


Ярила

Регистрация: 5.04.12
Сообщений: 7075
Поэтому мне всегда нравилась жесткая табличная вёрстка, где css - для унификации элементов.

Одинаково выглядит на любых экранах/устройствах, если правильно выбрать размеры.
 
[^]
Skrut
19.05.2023 - 08:13
0
Статус: Offline


Старик Похабыч

Регистрация: 27.09.05
Сообщений: 4453
Цитата (IR145 @ 19.05.2023 - 08:11)
Поэтому мне всегда нравилась жесткая табличная вёрстка, где css - для унификации элементов.

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

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

Если только в твоём броусере не стоит какой-нибудь резак, который не глядя выкусывает все ява-скрипты,

Это сообщение отредактировал Skrut - 19.05.2023 - 08:13
 
[^]
oldhoha
19.05.2023 - 10:24
0
Статус: Offline


Ярила

Регистрация: 6.12.14
Сообщений: 6408
Видать с порошком переборщил.

CSS - это весело!
 
[^]
SScrew
19.05.2023 - 13:46
0
Статус: Online


Ярила

Регистрация: 23.01.13
Сообщений: 2054
Цитата (ElenkaZP @ 17.05.2023 - 12:27)
Цитата (kofeimoloko @ 17.05.2023 - 11:12)
вот сверстал ты страницу. выглядит красиво и ровно.
и тут заказчик говорит: а можно сделатиь так, чтобы картинка отображалась на 1 см правее текста? именно на 1 см (и пох заказчику, что разные экраны у пользователей)

ты сделал, на твоем экране выглядит охуенно.

Заказчик смотрит на своем экране - а страница вся перекосоебена

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

что и продемнстрировали дизайнеры этого кубка



тут не только такой кейз )) ты сверстал страницу, посмотрел на своей винде десятой в хроме — норм, красиво. а потом клиент заходит со своего макбука через сафари, а там вообще непонятно что ))) каждый браузер понимает одно и то же правило по-своему. причём иногда даже один и тот же браузер на разных ОСях по-разному интерпретируют ))

Твой коммент был бы актуален лет 10 назад, ибо сейчас с этим гораздо проще — Webkit жы. dont.gif

Ох как вспомню CSS-хаки и прочие костыли, аж вздрагиваю cry.gif

Цитата
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->


Это сообщение отредактировал SScrew - 19.05.2023 - 13:47
 
[^]
satcom
20.05.2023 - 05:31
0
Статус: Offline


Юморист

Регистрация: 11.11.15
Сообщений: 477
[quote=Baradatay,18.05.2023 - 22:58][/quote]
Выровнял по центру блоки и содержимое

Размещено через приложение ЯПлакалъ
 
[^]
rokor
27.05.2023 - 01:42
0
Статус: Offline


Ярила

Регистрация: 13.03.21
Сообщений: 2303
Цитата (straniero @ 19.05.2023 - 03:25)
ага напиши под зум монитора

Эксцепшионами все правится, ну или для особо одаренных джава скрипты есть

Размещено через приложение ЯПлакалъ
 
[^]
Понравился пост? Еще больше интересного в Телеграм-канале ЯПлакалъ!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии. Авторизуйтесь, пожалуйста, или зарегистрируйтесь, если не зарегистрированы.
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) Просмотры темы: 21753
0 Пользователей:
Страницы: (3) 1 2 [3]  [ ОТВЕТИТЬ ] [ НОВАЯ ТЕМА ]


 
 



Активные темы






Наверх