Общие вопросы по оформлению (65) #2

Поделиться1Сб, 19 Дек 2020 13:24:51

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1963
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Предыдущая часть темы: Общие вопросы по оформлению (65)

+1

Поделиться1521Ср, 5 Фев 2025 13:55:45

Автор: Merlin777
Заслуженный
Зарегистрирован: Ср, 10 Апр 2024
Сообщений: 123
Уважение: +51
Позитив: +86
Пол: Мужской
Последний визит:
Сегодня 03:53:40

Вопрос по оформлению, наверное это в эту тему

Есть скрипт "Аватарка в цитате V.2" Скрипты от пользователей 3

Он в общем работает, но когда аватарка по вертикали размером больше, чем по ширине, то она вылазит за границы цитаты и цитата её не огибает.

Примеры

Я так понимаю, что проблема в CSS в устаревшем слове float: left; сейчас это слово не используется, и с ним современные способы что-то сделать не работают

Просьба к местным гуру и волшебникам, переписать CSS без слова float с использованием современного синтаксиса

Отредактировано Merlin777 (Ср, 5 Фев 2025 13:56:02)

0

Поделиться1522Ср, 5 Фев 2025 15:31:42

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7432
Уважение: +5958
Позитив: +6562
Пол: Мужской
Последний визит:
Сегодня 14:18:28

Merlin777, ссылку на проблемный пост можно?

К слову сказать, float не является устаревшим правилом. Альтернативного правила обтекания не существует, есть обходные пути, но в определенных случаях им удобнее воспользоваться, чем grid или flex, которые являются более глобальными правилами, чем float.

+1

Поделиться1523Ср, 5 Фев 2025 15:37:20

Автор: Merlin777
Заслуженный
Зарегистрирован: Ср, 10 Апр 2024
Сообщений: 123
Уважение: +51
Позитив: +86
Пол: Мужской
Последний визит:
Сегодня 03:53:40

kolobdur74 написал(а):

Merlin777, ссылку на проблемный пост можно?

https://kuban-forum.ru/viewtopic.php?id … p=9#p10818

https://kuban-forum.ru/viewtopic.php?id … =10#p18436

0

Поделиться1524Ср, 5 Фев 2025 16:00:44

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7432
Уважение: +5958
Позитив: +6562
Пол: Мужской
Последний визит:
Сегодня 14:18:28

Merlin777, поправьте в стиле для скрипта (выделил красным измененные места):

<style type="text/css">
.quote-box.with-avatar{padding-left:50px!important;}
.author-avatar+span {margin-left: 0;}
.author-avatar {
float: left;
width: 39px;
margin-left: -40px;
margin-top: 0;
}
.author-avatar > img {
width: 28px;
padding: 2px;
border: 1px solid #c4cad4;
border-radius: 4px;
}
</style>

+1

Поделиться1525Сегодня 01:35:56

Автор: ain
Заслуженный
Зарегистрирован: Пн, 13 Фев 2012
Сообщений: 97
Уважение: +12
Позитив: +30
Последний визит:
Сегодня 03:49:46

Всем здравствуйте, как убрать рамку в таблице? или сделать прозрачной. Как здесь, таблица безрамочная

Отредактировано ain (Сегодня 01:36:31)

0

Общие вопросы по Оформлению	Архив	Ср, 17 Окт 2007
Общие вопросы по Оформлению (часть 3)	Архив	Пт, 3 Авг 2007
Общие вопросы по оформлению (50)	Архив	Чт, 31 Окт 2013
Общие вопросы по оформлению (49)	Архив	Вт, 27 Авг 2013
Общие вопросы по оформлению (59)	Архив	Вс, 17 Июл 2016

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе