Konark

adobe-master.ru
Рейтинг
56
Регистрация
10.10.2010
Один блок налезает на другой (адаптивная верстка)
Nomiki:
Не. Ошибка, и ошибка первая - высоты для всех блоков контента. Вы задаете их фиксированно. Это неверно.
Необходимо задавать в процентах. Иначе как при сжатии экрана контент будет вытягиваться в рамках своего блока?

Т.е. для данной блока будет верным:
.content {
float: left;
height: 100%;
}

Следите за высотами, проценты не только для адаптива но и в базе.
Соответственно, лучше сразу привыкайте следить за шириной, тоже в процентах лучше.

Ну и второй косяк: у вас дублируются классы в стилях, тот же .content да и другие. Когда правите свой style.css, то лучше делайте 10 копий файла, и меняйте их, проверяя какой лучше. А теперь придется весь файл чистить.

Третье, что сразу бросается в глаза - размеры экранов в адаптиве, т.е. т.н. точки слома. У вас слишком с мелкого начинается.
ctrl+shift+M в том же firefox и чекайте основные разрешения, точки слома.

Еще что-то с центровкой самого сайта вроде, но я смотрю на 1920х1080, может туплю :)

Сам сайт симпотичный, для учебы удобен.

З.Ы. Следите за чистотой кода и копиями файла стилей, если надо в notepad++ сами себе с пометками /**/ вносите правки и дату/время.
Сегодня поделал, сохранил, завтра вечером продолжил и час разбираешься что и куда менял - воротил.
Привыкайте работать сразу чисто. Удачи!

У меня такое же разрешение, с центровкой все хорошо. Можете скрин выслать?

И центровка же банальная:

margin: 0 auto;

Третье, что сразу бросается в глаза - размеры экранов в адаптиве, т.е. т.н. точки слома. У вас слишком с мелкого начинается.
ctrl+shift+M в том же firefox и чекайте основные разрешения, точки слома.

Можно подробней?

Ну и второй косяк: у вас дублируются классы в стилях, тот же .content да и другие.

Так и нужно же дублировать если Вы про адаптив? По сути не трогая html меняем CSS под мобильные.

З.Ы. Следите за чистотой кода и копиями файла стилей, если надо в notepad++ сами себе с пометками /**/ вносите правки и дату/время.
Сегодня поделал, сохранил, завтра вечером продолжил и час разбираешься что и куда менял - воротил.

Я продвинутый начинающий :)

GIT + PhpStorm

Зафиксировать фоновое изображение
Sitealert:
Штоле по высоте? Это отдельная песня. Если забыть про старый IE, то через CSS3 довольно просто. А если через CSS2 - танцы с бубном.

Уже сделал.

Теперь мучаюсь с wrapper-ом, чтобы тоже был адаптивный по высоте (больше статей - больше блок). 

html {

    background: url("../img/top-background.jpg") no-repeat center top,

    url("../img/footer-background.jpg") no-repeat center bottom,

    url("../img/middle-bg.jpg") repeat center 600px;

}
Зафиксировать фоновое изображение
Sitealert:
Konark, а чем Вам не нравится предложенный выше вариант с центрированием фона? Ведь блоки страницы у Вас явно расположены по центру.

😒

Я не заметил в оффтопе это предложение. Оно сработало! )

Спасибо, anzarsh!

P.S.: При адаптации под движок, нужно будет разрезать фон для того, чтобы он был более адаптивный? (Больше статей, больше блоков в сайдбаре)

Зафиксировать фоновое изображение
Geers:
но репеат конечно надо убрать..
и после него не должно быть точка с запятой, у вас их две в ксс

---------- Добавлено 02.01.2017 в 05:00 ----------

ксс выучи для начала, как можно но репеат и фиксед зафиксировать как разные команды?

---------- Добавлено 02.01.2017 в 05:04 ----------

html {
background: url("../img/background.jpg") fixed 0 0;
}

так должно быть

Затупил... Но сути это не меняет.

Получается так, что блоки все смещаются при изменении размера экрана, а фон нет, фон остается на месте из-за fixed. Из-за этого он уже не выглядит так как должен выглядеть. Грубо говоря блоки съезжают с фона.

Вот макет:

Нужно чтобы это было всегда вот так, как бы мы не менялся размер экрана (браузера). И при этом fixed "убивает" футер.

Когда он должен быть таким:

Зафиксировать фоновое изображение
Geers:
fixed: 0 0;
в ксс это надо писать

Если вы про это 

html {

    background: url("../img/background.jpg") no-repeat;

    fixed: 0 0;

}

То не прокатило...

Linkedin перестал работать в РФ
SeoMotion:
Пользуюсь очень активно, но исключительно для SEO контактов с зарубежом. Русский сегмент там очень скупо представлен. Проживаю в Канаде, поэтому блокировка по боку, но в конце декабря на полгода заезд в Россию, и если до приезда проблема никак не решится, то будет очень напряжно, т.к. активность там у меня довольно большая.

Я вас умоляю. Какие "напряги"? Опера VPN и все работает :)

Кого эти блокировки могут вообще напугать? Так, лишь бы бабки отмыть работает эта контора.

Как скрыть ссылки в баннере?
Kot Matroskin:
Что значит как их скрыть? От кого? Через редирект делайте.

Так нормально будет? 

<? 

$site = $_GET['site']; 

Header ("Location:".$site.""); 

exit(); 

?>

http://site.ru/myredir.php?site=
Что лучше, адаптивный дизайн или мобильная версия сайта?

Как по мне адаптивный дизайн. Удобнее, и со стороны SEO вроде как тоже лучше.

Кто уже использует Push-уведомления?
MadWard:
Sendpulse понравился из опробованного. Во-первых - сервис полностью бесплатный и без ограничений. А во-вторых - работает стабильно, интерфейс и функционал продуман, настроить и пользоваться довольно легко.

Про Push World как-то не слышал. Это новенькое что-то? Сайт их посмотрел - как-то доверия не внушает. Один отзыв, который "листается" бесконечно... Такое впечатление, что ребята вчера только все это подняли и еще до ума не довели.

На Адмитаде статью увидел о них :)

Вроде как пару месяцев уже работают, но из беты вышли недавно (если вышли).

реклама в зависимости от страны

Проверяйте IP каждого посетителя, получайте по IP страну (способов много) и выдавайте для этой страны свою рекламу.

В теории звучит легко, попробую для себя на js или php реализовать.

1234567 8
Всего: 75