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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
VVL99

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

Цитата:
да где ж нормально-то - дыра же над сайдбаром! а вот как должно быть - и так у него на главной и сделано..))
Страницы не должны различаться по расположению основных блоков.
Новости
Новость 5678
Приведи все страницы к единому формату.

----------
Гомосексуальность среди модераторов не является психическим расстройством, несмотря на синонимы этого понятия в русском языке.

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 20:32 03-03-2019 | Исправлено: VVL99, 20:42 03-03-2019
GEGEMON



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

Цитата:
Приведи все страницы к единому формату.

разницы не вижу с тех ссылок что ты дал ....

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 21:20 03-03-2019
VVL99

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

Цитата:
разницы не вижу с тех ссылок что ты дал ....  
Посмотри скриншоты из цитаты.

----------
Гомосексуальность среди модераторов не является психическим расстройством, несмотря на синонимы этого понятия в русском языке.

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 22:55 03-03-2019
TheBarmaley



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
VVL99
Цитата:
Страницы не должны различаться по расположению основных блоков
хых.. ну ясен пень, но ведь "кто-то" же сначала сказал, что "так нормально".. потому и было "да где ж.."..  
 
про различие - его и не будет - если он вложенность фуллстори/сайдбара сделает как на главной..)
на главной ведь есть тот же самый блок контента, только вставляется он отдельно от сайдбара - вот так и надо сделать..
либо, как я изначально сказал, переопределить стили и на главной тоже засунуть сайдбар в сам контент (что хуже)..
 


GEGEMON
Цитата:
разницы не вижу с тех ссылок что ты дал  
вложенность смотрим - вот главная:
 
   
 
тут сайбар внутри миддла и отдельно от контейнера - он и отрисовывается правильно..
 
а вот - фуллстори:
 
   
 
тут сайдбар ВНУТРИ контейнера, соответссно, он и отрисуется ВНУТРИ..
 
я ж тебе не зря про драг-дроп написал - покомпоновать можно прямо на ходу, а потом просто копирнуть итоговую структуру..
т.е. само по себе "ахреневание" от фичи надо в чисто практисскую плоскость перевести..  

----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17875 | Зарегистр. 07-06-2006 | Отправлено: 05:39 04-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
По HTML отдельной темы нет? Где вопросы задавать?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:58 04-03-2019
Mavrikii

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

Цитата:
Где вопросы задавать

Помощь Html
и не нужно мне в ПМ писать

Всего записей: 15685 | Зарегистр. 20-09-2014 | Отправлено: 23:05 04-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто может подсказать, как убрать белые полоски, которые видны на тени в Firefox? В Сафари, Хром и Опере нормально показывается, а в Фоксе (версия 53) видны полоски.
Скриншот и ссылка на страницу.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 18:47 09-03-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
артефакт отрисовки, возможно исправят в будущем.
частично скрыть можно разбив тень на 2 части, например так  

Цитата:
0 35px 20px rgba(140, 64, 9, 0.5), 0 35px 20px rgba(140, 64, 9, 0.5)

Всего записей: 15685 | Зарегистр. 20-09-2014 | Отправлено: 00:36 10-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за совет, вроде более-менее работает.
 
 
Но ещё вопрос, никак не пойму, почему одна страница криво показывается на iPad (1 и mini, про остальные не знаю). В обычных браузерах нормально, в смартфоне нормально, а на планшете то, что поверх видео, сдвинуто вправо. Попробовал намудрить с медиа для iPad, в итоге вообще не понятно что (ссылка). Что не так и что, и как, исправить?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 11:49 10-03-2019 | Исправлено: WONDROUS, 13:16 10-03-2019
Mavrikii

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

Цитата:
Что не так и что, и как, исправить?

значит не понимает центровки. ну уж извините, где я вам найду это чтобы проверить.
 
ps: нашел portable Safari 5.1
не работает transform, так как ему нужно -webkit-transform

Всего записей: 15685 | Зарегистр. 20-09-2014 | Отправлено: 20:25 10-03-2019 | Исправлено: Mavrikii, 21:43 10-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ! Действительно, после добавления -webkit- всё показывается по центру.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:57 10-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ещё просьба, кто знает, подскажите, пожалуйста, простой способ с помощью CSS сделать эффект тени как в iOS10. Пересмотрел несколько примеров, и если правильно понял, то эффект тени получается за счёт дублирования картинки под оригиналом и её размытием, но повторить не получается.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 11:47 11-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Предыдущий вопрос в силе.
 
Но ещё вопрос возник, что не так в этом коде, если в браузере всё работает нормально, в эмуляторе для планшета тоже работает, а для мобильных то есть тень, то нет.

Код:
.box5 {
    margin-bottom: 45px;
    background-color: #777;
}
#%id% .box5 {
    position: relative;
    %[if %id=bywidth%]%
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    %[endif]%
}
.box5:before, .box5:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 30px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #fff;
    box-shadow: 0 30px 20px #777, 0 30px 20px #777;
    transform: rotate(-10deg);
}
.box5:after {
    transform: rotate(10deg);
    right: 10px;
    left: auto;
}

 
id=bywidth - это условие для ширины.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 20:13 11-03-2019
Mavrikii

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

Цитата:
 то есть тень, то нет.

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

Всего записей: 15685 | Зарегистр. 20-09-2014 | Отправлено: 20:33 11-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Сейчас проверил на iPhone старом, в вертикальном положении не видно, в альбомном режиме видна тень.
 
Ссылка. Вроде надо для маленьких экранов что-то прописать, но что, не соображу пока.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 20:35 11-03-2019 | Исправлено: WONDROUS, 20:39 11-03-2019
Mavrikii

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

Цитата:
Сейчас проверил на iPhone старом

еще раз - версию браузера, а не "старый iPhone"
 
ps: да, в любом браузере при узком окне пропадает
проблема в процентных величинах элемента создающего тень - его высота преобразуется в нулевую, поэтому тени и нет.  
можно задать min-height, но так как его bottom задано в процентах тоже, то при узком окне элемент "вылезет" из под дива.

Всего записей: 15685 | Зарегистр. 20-09-2014 | Отправлено: 20:41 11-03-2019 | Исправлено: Mavrikii, 20:47 11-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, сделал для маленьких экранов top - 65%, теперь нормально тень видна.

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Что-то не получается сделать тень как в iOS10, хоть и примеров достаточно разных, но всё что-то не так. В данном примере задняя картинка слишком большая почему-то, да и не по центру, если меньшего размера. Это, конечно, пока только набросок.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:52 12-03-2019
Mavrikii

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

Цитата:
Что-то не получается сделать тень как в iOS10

https://codepen.io/mathias-madsen-stav/pen/ampKpO

Всего записей: 15685 | Зарегистр. 20-09-2014 | Отправлено: 23:55 12-03-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Пробовал тот пример ранее, так как делаю в редакторе и для редактора, то с размерами не разобрался.
 
Но всё же просьба помочь с центрированием задней (размытой) картинки по центру. Если большие картинки, то нормально показываются, а маленькие нет. Ссылка.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 16:29 13-03-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