Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 926 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
То есть, оставить как есть?

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

Всего записей: 8158 | Зарегистр. 20-09-2014 | Отправлено: 20:18 13-10-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Убрал анимацию, а то переделывать в других местах приходится.
 
Но не пойму, почему в том же примере к .left_ava нельзя приделать before и after?

Всего записей: 2577 | Зарегистр. 30-06-2002 | Отправлено: 02:04 14-10-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
к .left_ava

и где он там??

Всего записей: 8158 | Зарегистр. 20-09-2014 | Отправлено: 02:08 14-10-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Я имел ввиду к аватаре вообще (.left_ava или .right_ava). А то в разных темах оформления почему-то то автор, то аватарка выше на 2-4 пикселя, и не пойму почему.

Всего записей: 2577 | Зарегистр. 30-06-2002 | Отправлено: 02:28 14-10-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
то аватарка выше на 2-4 пикселя, и не пойму почему.

я должен гадать на кофейной гуще или покажите, все же, проблемный пример?
если речь о том, что нельзя прицепить к img - так это потому, что эти псевдоклассы работают с содержимым тега (вставляя content до него или после), которого у img нет.

Всего записей: 8158 | Зарегистр. 20-09-2014 | Отправлено: 02:30 14-10-2019 | Исправлено: Mavrikii, 02:34 14-10-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Пример 1 и пример 2. В первом примере аватарка на пару пикселей сдвинута вверх и автор с источником сдвинуты выше. Во втором только аватарка выше на пару пикселей.
Просто интересно, отчего так происходит.

Всего записей: 2577 | Зарегистр. 30-06-2002 | Отправлено: 03:05 14-10-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
отчего так происходит.


Цитата:
* {
    margin: 0;
    padding: 0;
    line-height: 190%;
}

Всего записей: 8158 | Зарегистр. 20-09-2014 | Отправлено: 05:59 14-10-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, надо будет тогда указать высоту. Но почему круг с аватаркой на 2-3 пикселя выше поднимается?

Всего записей: 2577 | Зарегистр. 30-06-2002 | Отправлено: 12:48 14-10-2019
GEGEMON

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Задача положить девиз поверх div'a так чтобы он (девиз) не примал ширину div'a
сейчас так

Всего записей: 1705 | Зарегистр. 07-02-2006 | Отправлено: 15:08 14-10-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос удалил, сам нашёл ответ.

Всего записей: 2577 | Зарегистр. 30-06-2002 | Отправлено: 17:53 14-10-2019 | Исправлено: WONDROUS, 20:08 14-10-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
научитесь уже самостоятельно анализировать css в браузере
 

Цитата:
Но почему круг с аватаркой на 2-3 пикселя выше поднимается?


Цитата:
#stacks_in_498_page0 .mes_in {
    padding-left: 50px;
    padding-right: 0px;
    padding-bottom: 80px;
}

 

Цитата:
в версии для мобильных берётся отступ снизу

что вы называете отступом? лучше на картинке, обвести.

Цитата:
#stacks_in_498_page0 p {
    line-height: 150%;
    word-break: normal;
    text-align: left;
    position: relative;
    padding: 30px;
    border-radius: .5rem;
    font-size: 21px;
    font-family: Play;
    margin-top: 0;
    margin-bottom: 10px;
}

 
Добавлено:
GEGEMON

Цитата:
.logo-block img {  
    display: inline;
   width: auto;
    height: 150px;
}

не нужно миксить проценты и пиксели.
 
или

Цитата:
.logo-block img {  
    display: inline;
    width: 100%;
    height: auto;
}

если нужно, чтобы ширина все же была 100%, но высота менялась автоматически

Всего записей: 8158 | Зарегистр. 20-09-2014 | Отправлено: 20:12 14-10-2019
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Имя:
Пароль:
Сообщение

Для вставки имени, кликните на нем.

Опции сообщенияДобавить свою подпись
Подписаться на получение ответов по e-mail
Добавить тему в личные закладки
Разрешить смайлики?
Запретить коды


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2018

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru