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

Цитата (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%

Цитата (rokor @ 18.05.2023 - 21:29)

Пишите таблицами пол устройство , или сцц для всего с развёрткой в процентах аалоо😁

ага напиши под зум монитора

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

Текст вообще под табличкой надо было сделать
Размещено через приложение ЯПлакалъ

Цитата (mazairus @ 19.05.2023 - 01:37)

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

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

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

"Вроде всё работает." - говорит тестировщик.
А потом юзер въезжает в бар на танке, заказывает стакан антивещества и система падает к хуям."

у меня в ворде такая хуйня случается, а вы про какой то ЦСС

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

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

Цитата (IR145 @ 19.05.2023 - 08:11)

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

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

Если только в твоём броусере не стоит какой-нибудь резак, который не глядя выкусывает все ява-скрипты,
Это сообщение отредактировал Skrut - 19 мая 2023 в 08:13

Видать с порошком переборщил.

Цитата (ElenkaZP @ 17.05.2023 - 12:27)

Цитата (kofeimoloko @ 17.05.2023 - 11:12) вот сверстал ты страницу. выглядит красиво и ровно. и тут заказчик говорит: а можно сделатиь так, чтобы картинка отображалась на 1 см правее текста? именно на 1 см (и пох заказчику, что разные экраны у пользователей) ты сделал, на твоем экране выглядит охуенно. Заказчик смотрит на своем экране - а страница вся перекосоебена чаще всего это выявляется на страницах , которые неадаптированы для мобильных: на экране компа выглядит здорово, а на мобильном - страница поехала. что и продемнстрировали дизайнеры этого кубка тут не только такой кейз )) ты сверстал страницу, посмотрел на своей винде десятой в хроме — норм, красиво. а потом клиент заходит со своего макбука через сафари, а там вообще непонятно что ))) каждый браузер понимает одно и то же правило по-своему. причём иногда даже один и тот же браузер на разных ОСях по-разному интерпретируют ))

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

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

Цитата

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

Это сообщение отредактировал SScrew - 19 мая 2023 в 13:47

[quote=Baradatay,18.05.2023 - 22:58][/quote]
Выровнял по центру блоки и содержимое
Размещено через приложение ЯПлакалъ

Цитата (straniero @ 19.05.2023 - 03:25)

ага напиши под зум монитора

Эксцепшионами все правится, ну или для особо одаренных джава скрипты есть
Размещено через приложение ЯПлакалъ