Просто в дополнении напишу еще про написание свойств для классов.
Многие их пишут в алфавитном порядке, но лично мне такая идея не очень нравится. Я предпочитаю писать их в порядке соотношений, т.е., к примеру такие свойства стоят друг под другом
width и height, padding и margin и т.д.
position - всегда сверху
z-index - всегда снизу
display - сверху, но если есть position, то под ним.
Думаю идея понятна? :)
Ну это, конечно же, дело вкуса
А зачем второе условие с нулём? Как я понял, у вас 2 действия. Если "1", то сделать что-то, если не "1", то сделать что-то другое. Так?
Если так, то и пишите:
<?php if ($_SESSION['user_status'] == 1): ?>
// user_status = 1. Сделать одно
<?php else: ?>
// user_status != 1. Сделать другое
<?php endif; ?>
Lesha Weal: да, убираем высоту (можно поставить min-max, чтобы даже если не было содержимого была какая-то высота) и блок будет растягиваться по мере наполнения контентом. Ну и padding для красоты, чтобы контент к краям не прилипал.
Полянский Александр: да, но он нужен по сути только в 2-х случаях (если ничего не забыл):
1) Для того, чтобы позиционировать другой "объект" внутри родительского (родителю дают position: relative; а дочернему position: absolute;).
2) Чтобы увести "объект" туда, куда не позволяет его увести ни padding ни margin
Автор ответа выше все правильно написал. Единственно, что хотелось бы добавить, так это то, что если иконка в png, то при увеличении (все конечно зависит от размера) будет в плохом качестве. Поэтому лучше всего использовать, к примеру, transform: scale(.5) в обычном виде, а при hover ставить transform: scale(1)
Максим Тимофеев: В общем спасибо что пнули в нужную сторону)
Создал второй блок на который перекинул фон и зал ему position: absolute;
Сделал top: +...; и bottom: -...; (чтобы верхняя часть ушла за верхний блок, а нижняя налезла на нижний блок.
И задал transform: skewY(-2deg);
Все шикарно. Спасибо :)
Но ведь тогда у нас поворачивается все вместе? Причем все углы. Тогда уж skewY был бы ближе, но и там 2 стороны (верх + них) да и фон то уходит. Или вы текст под картинками не прочитали?)
Кстати, если не усложнит ответить на дополнительный вопрос, хотелось бы еще узнать где лучше хранить css и js файлы? По стандарту они в public. Есть ли смысл переносить в resourse? (даже точнее те js файлы, которые занимаются, непосредственно, AJAX запросами и прочим?
ах да, и 3) Если поставить мод.окну overflow-y: auto но контента мало - прокрутки нету (возникает дерганье), а если поставить мод.окну overflow-y: scroll, а у body мало контента, то будет появляться скролл и снова дерганье. Замкнутый круг :D
В том же примере сделал корректировки. Теперь там 2 проблемы:
1) при закрытии окна на секунду 2 скролла появляется (ну это я сейчас решу сам, там не сложно. вроде)
2) Дерганье осталось. Контент заходит под скролл модального окна.
