alejandro13

Можно воспользоваться каким-нибудь онлайн сервисом, например этим http://mrcoles.com/blog/css-unminify/

1 час назад, 101c сказал:

В таком случае сайт подстраивается под ширину устройства. Заказчик желает чтобы открывалась полная версия (как на ПК) на мобилках.

Тогда получается вам вообще этот мета-тег не нужен

А такой вариант вы пробовали?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

А что именно отображается "неправильно"? И как оно должно отображаться "правильно"?

Все плохо. 

Код не проходит валидацию -  можете проверить https://validator.w3.org/nu/?doc=http%3A%2F%2Ftest131313.zzz.com.ua%2F.

Инлайн стили - это тоже прошлый век.

И вообще вся ваша верстка разваливается.

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

И вот что происходит, если текста в одном из блоков стало больше:

http://prntscr.com/brdsql

Font-family, font-size, line-height можно одной строкой написать например, ну пожалуй впервые вижу чтобы размер шрифта в пунктах задавали 

5 минут назад, hike сказал:

Почти. Только в таком варианте увеличение левой колонки приводит к уменьшению правой
https://jsfiddle.net/4otnowd1/
А нужно при увеличении левой колонки, чтобы правая не изменялась, а вот суммарная ширина 2-х колонок увеличивалась

Тогда можно убрать фиксированную ширину у обертки, и задать какое-то ее значение правому блоку

Возможно вы имеете ввиду что-то наподобие этого?

https://jsfiddle.net/p66oLq5a/

Всем привет!

Очень нужна Ваша помощь! Как можно реализовать подключение скрипта при определенной ширине экрана, а также при его ресайзе.

Моих знаний по js хватило чтобы написать только такой код:

if ($(window).width() > 767) {
            $('.fullpage').fullpage();
    }

А как сделать, чтобы скрипт отключился при изменении ширины экрана менее 768px, а при ресайзе в обратном направлении снова включился

Добрый день!

Хотелось поинтересоваться у более опытных коллег вот по какому вопросу - считается ли валидным html-документ, если в нем нет ошибок, но есть предупреждения - например об отсутствии заголовка у тега section и т.п.?

Потому что img инлайновый элемент, ему нельзя задать margin

Что Вы имеете ввиду под словом однотипные? Если визуальное оформление, то нет, не заблокируют.

Как было сказано выше - 

42 минуты назад, klierik сказал:

Главное — уникальный контент.

14 часа назад, Domenys сказал:

 А не подскажите парочку платных хостингов на будущее. 

Beget.ru, например. Там даже бесплатный хостинг есть

Уважаемые форумчане! Нуждаюсь в вашей помощи!

Есть такой замечательный сайт http://pervolo.com/. Если прокрутить его до фиолетового блока с названием "WITH OUR CORE VALUES OF HARD WORK AND HONESTY", то можно увидеть как вокруг иконок плавно появляется круглая граница. Как это можно сделать? И еще вопрос как реализуется постепенное появление блоков с текстом, какие хорошие плагины вы для этого может быть знаете? 

19 минут назад, Igor Schnaider сказал:

http://alvarotrigo.com/fullPage/

Спасибо)

Всем доброго времени суток!

Подскажите, как можно реализовать такой довольно интересный функционал, который есть на сайте http://www.3magine.com/

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

Насчет последнего пункта, в принципе понятно, что можно задать height=100vh, а вот как сделать все остальное, я пока не представляю.

Может кто-то сталкивался с подобным?

В 12.05.2016 в 19:51, klierik сказал:

https://jsfiddle.net/klierik/j7n9yf5q/11/

Спасибо, уже в принципе разобрался ))

В 12.05.2016 в 20:25, DivMan сказал:

это же вроде можно сделать с помощью flexa

Можно, но если нужна поддержка IE9, то, к сожалению, flex тут не поможет

Всем добрый день!

Есть довольно простая структура сайта:

https://jsfiddle.net/j7n9yf5q/3/

Нужно при уменьшении ширины экрана (например до 768px) поменять блоки местами - Блок 1 перемещается под Блок 3, а если на странице только Блок 1 и Блок 2 - то они меняются местами. Соответственно, если размер окна снова увеличивается, то блоки должны стать на свои места. Как это реализовать при помощи Jquery?

Уважаемые форумчане!

Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так:

<strong class="logo"><a href="#">LOGO</a></strong>

а затем вешал картинку на фон блока с помощью CSS.

Или лучше использовать тег <img>?

А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?

Кнопки соцсетей лучше спрайтом сделать, а не отдельными картинками.

А при уменьшении экрана появляется вот такой баг:

http://prntscr.com/alqhbc

А вы не давайте фиксированную высоту, дайте родителю min-height.

7 часов назад, Int сказал:

Подробно не разбирал.

Почему такой странный доктайп?
"font-family:times new roman;"  — название шрифта скорее всего в кавычки нужно взять. И помнить, что не во всех операционках этот шрифт есть, нужно вместе с ним или указать какой-нибудь serif/sans-serif или загрузить шрифт и объявить @font-face

Статьи с заголовками я бы заключал в отдельные блоки, а то у тебя идёт всё сплошным куском, и если понядобится, например, скриптами убрать какую-то статью, замучаешься её вычленять.

Блоки 125x125 можно было и без флоатов сделать, но тут уж хозяин-барин.

Зачем блок .middle абсолютно спозиционирован, вообще не понятно. А если заголовок станет выше или ниже?
И лично я левый-правый блоки делал бы через флексы. Как минимум флоатами, но не абсолютами.

 

2. Там лишний только display, float с relative вполне может быть, если у него внутри absolute

3. Он мог писать стили через какой-нибудь LESS, тот их сам так разворвачивает потом, и это, по большому счёту, не имеет значения.

Я понимаю, что там лишний только display, но зачем давать position:relative, если position:absolute у потомков нет?

1. Я не пойму, а зачем у вас все блоки  имеют либо position:absolute, либо position:relative? Их никаким другим способом разместить нельзя?

2. А этот кусок кода - вообще жесть: http://prntscr.com/ainy4c

3. Слишком подробно расписан селектор - http://prntscr.com/aio11w, .top-menu a - достаточно, и половину свойств можно убрать, а font-family, font-size и line-height - записать одной сторчкой

1. Я бы в блоках offer кнопку "view details" делал обычной ссылкой, а не тегом button - зачем он там?

2. Зачем вешать столько свойств на абзац? http://prntscr.com/ainp4t 

И что вообще дает width и height:auto?

Создать отдельный файл reset.css и подключить его через тег link, либо внутри другого css-файла с помощью @import reset.css

А вообще, точнее формулируйте свои вопросы.