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

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в 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 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

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

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
 
Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..
Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
Mavrikii

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

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

вообще не делать, ибо это прошлый век - всякие подобные анимашки и красивые плюшки.
вполне возможно, что у браузера просто проблемы с отображением прозрачности - такое было у многих браузеров ранее.
а насчет анимации - сказал же, внутри самого внутреннего элемента (в котором и нужна анимация) и с его обрезкой
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:18 13-10-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Убрал анимацию, а то переделывать в других местах приходится.
 
Но не пойму, почему в том же примере к .left_ava нельзя приделать before и after?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 02:04 14-10-2019
Mavrikii

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

Цитата:
к .left_ava

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



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Я имел ввиду к аватаре вообще (.left_ava или .right_ava). А то в разных темах оформления почему-то то автор, то аватарка выше на 2-4 пикселя, и не пойму почему.
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 02:28 14-10-2019
Mavrikii

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

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

я должен гадать на кофейной гуще или покажите, все же, проблемный пример?
если речь о том, что нельзя прицепить к img - так это потому, что эти псевдоклассы работают с содержимым тега (вставляя content до него или после), которого у img нет.
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 02:30 14-10-2019 | Исправлено: Mavrikii, 02:34 14-10-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Пример 1 и пример 2. В первом примере аватарка на пару пикселей сдвинута вверх и автор с источником сдвинуты выше. Во втором только аватарка выше на пару пикселей.
Просто интересно, отчего так происходит.
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 03:05 14-10-2019
Mavrikii

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

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


Цитата:
* {
    margin: 0;
    padding: 0;
    line-height: 190%;
}
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 05:59 14-10-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, надо будет тогда указать высоту. Но почему круг с аватаркой на 2-3 пикселя выше поднимается?
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 12:48 14-10-2019
GEGEMON



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Задача положить девиз поверх div'a так чтобы он (девиз) не примал ширину div'a
сейчас так
Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 15:08 14-10-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос удалил, сам нашёл ответ.
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:53 14-10-2019 | Исправлено: WONDROUS, 20:08 14-10-2019
Mavrikii

Platinum 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%, но высота менялась автоматически
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:12 14-10-2019
GEGEMON



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
если нужно, чтобы ширина все же была 100%, но высота менялась автоматически

высота пока не беспокоит, нужно чтобы девиз не растягивался на 100%
 
Mavrikii - пост
Цитата:
не нужно миксить проценты и пиксели.  

спасибо, учту
 
ссылку поправил
Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 21:02 14-10-2019 | Исправлено: GEGEMON, 21:03 14-10-2019
Mavrikii

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

Цитата:
ссылку поправил

так то, что показал, устраивает или нет?
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:11 14-10-2019
GEGEMON



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
 или нет?

нет. Вы сделали высоту авто, мне же нужно чтобы при неизменном бэкграунде, лого было 70%
Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 22:28 14-10-2019
Mavrikii

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

Цитата:
мне же нужно чтобы при неизменном бэкграунде, лого было 70%

70% что? ширина? ну так сделайте ширину 70%, а не 100. один из параметров должен быть auto, чтобы он менялся пропорционально. либо я не совсем понимаю чего хотите добиться.
https://jsfiddle.net/nyfbLzt1/
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:31 14-10-2019 | Исправлено: Mavrikii, 22:32 14-10-2019
GEGEMON



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
либо я не совсем понимаю чего хотите добиться

Вы всё верно поняли, это я парю  
Но вы сказали, что нельзя смешивать проценты и пиксели. Если делаю высоту в процентах - 100% ужимается бэкграунд до минимальных совершенно размеров. Ежели width: 70% ; height:100% - две трети бэкграунда не видно, лого вообще нет.
Как правильно? оставить и проценты и пиксели?
Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 22:44 14-10-2019
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GEGEMON
я же сказал - менять можно только один параметр, второй должен быть auto, иначе проблемы с пропорциями. что не так в той ссылке, что я вставил?
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:55 14-10-2019
GEGEMON



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii - пост
Цитата:
что не так в той ссылке, что я вставил?

это ваша

 
так нужно.Разница налицо
Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 23:06 14-10-2019
WONDROUS



Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, но я написал потом, что сам нашёл ответ на свой вопрос.
Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:09 14-10-2019
Mavrikii

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

Цитата:
так нужно.Разница налицо

и при этом в вашем варианте нарушены пропорции девиза.
если вам нужно еще и фон скейлить, то https://jsfiddle.net/9vjh4d8w/
 
WONDROUS

Цитата:
но я написал потом, что сам нашёл ответ на свой вопрос.

ок, в след раз дам вам пару дней подумать
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:10 14-10-2019 | Исправлено: Mavrikii, 23:11 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 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

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


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

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru