Alex_

Значит облом. Только на платном хостинге.

Если только кого попросить

 Ответили  с сайта isplicense.ru

коммерческий сертификат третьего или любого другого уровня бесплатно ни кто не дает, запросите у Вашего хостинг провайдера бесплатный сертификат от Let's Encypt

запросил, жду

забыл дописать бесплатный сертификат.

Мне ответили с hostiman: "не выдаст, так как у вас не свой домен. Вы можете приобрести SSL-сертификат в любом месте, например https://www.isplicense.ru/services/ssl-sert/"

Там проверил с галочкой WC все платное.

SSl сертификат для домена 3-го уровня  реально получить где нибудь?

На Cloudflare попробовал, не прокатило.

Подскажите чтобы тупо не биться головой о стену.

Проблема решена.

Почистил - удалил в Chrome данные о просмотренных страницах.

Заодно может покритикуете.

Что считаете не так должно быть на ваш взгляд?

Надо меню сайта сдвинуть влево

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

Почему оно в Chrome там оказалось не пойму, было раньше расположено слева.

Подзабыл, год не занимался версткой.

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

Решил контент освежить.

сайт http://nakhodka.h1n.ru/

https://cp.hostiman.ru/

18 часов назад, Igor Schnaider сказал:

Через фон и background-size попробуйте сделать.

Очередной глюк обнаружил для:

background-image  и   background

Если путь к картинке

background:url(http://nakhodka.h1n.ru/images/header1.png)   --  фоновое изображение вижу на локальном компе

background:url(/images/header1.png)  --  фоновое изображение не вижу на локальном компьютере(как будто ее нет)

Хотя в редакторе Brackets в предосмотре изображение есть.

т.е. если не запулить файл в интернет то и не увидишь что сотворил.

Или я что-то не так делаю?

тут https://webref.ru/layout/html5-css3/img/scale пишут  свойство object-fit не поддерживается в IE.Кто нибудь пробовал в IE?

На картинке видно что Chrome все красиво, а Mozilla исказила картинку, растянув ее высоту.

Из-за этого съехало меню вверх, т.к. оно привязано в высоте header.

в стилях я прописал  .header img{max-width: 75vw;

Chrome после того как растягивает картинку для хидера правильно масштабирует ее по высоте, а Mozilla после растягивания высоту масштабирует некорректно.

Если сделать  .header img{width: 75vw;  то все красиво в обоих, в полноэкранном просмотре хидер через чур растянут, мне не нравится

Пробовал подсовывать префикс для  Mozilla -moz-max-width: 75vw;

она это не скушала.

Как победить?

ссылка на сайт http://nakhodka.h1n.ru/ 

зацените заодно

тут почитай http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov

http://htmlbook.ru/css/display

доходчиво и с картинками 

Я эти ссылки уже встречал ранее.

Думал кто-нибудь готовое выдаст нагора.

Пригодилось бы не только мне.

Не хочется изобретать паровоз.

Устройств вывода(мониторы, планшеты,телефоны) пруд пруди.

У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) 

Хочу узнать кто какие наборы использует  самых ходовых Media queries для оптимизации под разные разрешения.

@media screen and (max-width: 600px) {...} - видимая область меньше 600px.

@media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900

@media screen and (min-width: 1281px) and (max-width: 1921px) {...}

@media only screen and (min-width: 1921px) {...} - больше моего 24дюймового

и т.д.

Каждое устройство не учтешь, а под самые ходовые надо

https://habrahabr.ru/post/189726/  - Чем тестировать адаптивный дизайн? 

тут пошукайте

19 часов назад, Igor Schnaider сказал:

Подправить что?

Используйте viewport units.
vw в вашем случае.

Менюшка вышла из закостенелого состояния, стала живой 

Осталось с цифрами помудрить чуток

15 минут назад, kattiperk сказал:

ссылку на сайт дайте

на компьютере пока только. css файлик кинул

Фото и видео галереи, главная страница прекрасно пропорционально сдвигаются и раздвигаются.

С меню пока проблемма

Для резинового сайта надо сделать резиновое меню - меняю ширину экрана, меняется шрифт меню.

Увеличиваю ширину экрана - шрифт пропорционально увеличивается

Уменьшаю ширину экрана - шрифт пропорционально уменьшается

Дайте ссылку где можно почитать или подправьте

stile_menu.css - css файлик приложил

Балерина с прослойками понравилась

У меня два монитора.

На одном с разрешением 1920х1200 все корректно 

На втором с  с разрешением 1280х1024 пол экрана синее

Chrome - броузер использую

Сделать видео поменьше, чтоб уместилась шапка высотой 150px или

чтоб страница с видео слайдером запускалась с новой страницы с узкой шапкой высотой 72px.

Video: MPEG4 Video (H264) 864x486 29.97fps 958kbps свойства видео файла

длится 10 секунд, надо еще напополам чикнуть 

весит 1,14 МБ

кручу в полном экране на мониторе1920х1200

все классно вот скрин

У меня так сделано - вырезал кусок небольшой видео и зациклил

в html

<div id="videoContainer">
    <video poster="Images/bck1.jpg" autoplay loop >
    <source src="Video/Blu_Wave.mp4 " type="video/mp4">
  </video>
</div>

в css

#videoContainer {
  overflow: hidden;
  z-index: -2;
  position: absolute;
  height: 100%;
  width: 100%;}
 

Как лучше поступить с шапкой для Видео слайдера и аналогично для Фото слайдера?

Суть вопроса:

Слайдер будет под видео разрешением 1280х720 px уменьшать не хочется 

На мониторе с разрешением 1920х1200 px коим я всегда пользуюсь места навалом и вопросов нет:

по вертикали остается 250px и по 320px по бокам(режим пол. экран).

На мониторе с разрешением 1280х1024 слайдер умещается впритык по горизонтали,

а по вертикали остается 72 px с гулькин х..  

Снимок экрана с разрешением 1280х1024 px вот

На стартовой странице шапка высотой 150рх

Что посоветуете аксакалы начинающему?

Стоимость: 305 000 рублей - Срок оформления 1 день

 не хило они там живут  

вопросик попутно 

Резиновый трёхколоночный макет _{тут что-нибудь выберите}