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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Помогите со страничкой

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Cutor

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
"Поехали" не посередине, Слоган и "Скоро открытие" тоже не посередине окна, копирайт не внизу окна и цифра 7 года обрывается...
 
Страница главная на forinterests.ru

Всего записей: 1 | Зарегистр. 08-11-2017 | Отправлено: 07:35 08-11-2017 | Исправлено: Cutor, 07:38 08-11-2017
Mavrikii

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

Цитата:
"Поехали" не посередине

потому, что у родителя #logoandwelcome стоит  
width: 20%;
вот "поехали" и занимает 20%

Цитата:
Слоган и "Скоро открытие" тоже не посередине окна

в середине, по горизонтали.
 

Цитата:
копирайт не внизу окна и цифра 7 года обрывается.

не внизу потому, что у h4, по умолчанию, есть margin сверху и снизу - такая особенность у этого элемента.
а обрывается - уберите у body width: 100%, либо обнулите margin (который используется по умолчанию и не равен 0)

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 08:01 08-11-2017
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вебсаит
 
Нужна помощь: кто знает как катинку(картинка та которая с сеткой синеватая, не с шаром) или в div или ещё как то так чтобы на примере моего сайта выше,
вообщем суть: при разных разрешениях экрана, при меньших разрешениях экрана слева и справа картинка уходила бы в Background при уменьшении окна браузера и пропорции её сохранялись ?
Нужен элемент HTML и атрибуты обьектов JavaScript get и set которыми можно управлять величиной заезда слева и справа в Background'е картинки, пропорции картинки должны сохраняться ?
 
PS: Website not working in MS IE.
 
Заранее Большое Спасибо!

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 05:09 14-05-2021 | Исправлено: vs6262, 06:00 14-05-2021
Mavrikii

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

Цитата:
катинку(картинка та которая с сеткой синеватая, не с шаром)  

width: 100%;
height: auto;
 
если же в качестве фона - https://developer.mozilla.org/ru/docs/Web/CSS/background-size

Цитата:
contain
Масштабирует картинку так, чтобы она максимально накрыла собой весь блок. Картинка при этом не обрезается, а вписывается в блок с сохранением пропорций.

 
или

Цитата:
cover
Ключевое слово, обратное contain. Масштабирует изображение как можно больше c сохранением пропорций изображения (изображение не становится сплющенным). Когда изображение и контейнер имеют разные размеры, изображение обрезается либо влево / вправо, либо сверху / снизу.

 
и зачем там ссылка на скачивание чего то?

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 05:18 14-05-2021 | Исправлено: Mavrikii, 05:29 14-05-2021
vs6262



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

 

Цитата:
width: 100%;
height: auto;

слева и справа края картинки должны уходить в Background и картинка была бы центрирована так чтобы их краёв слева и спрaва не видно было. нужны JavaScript атрибуты.
 
 
Добавлено:
obj.attr??

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 05:32 14-05-2021 | Исправлено: vs6262, 05:59 14-05-2021
Mavrikii

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

Цитата:
слева и справа края картинки должны уходить в Background

я не знаю что это значит. полупрозрачность или что? или просто картинка обрывается и дальше идет фон?
такое? https://jsfiddle.net/tq13vjdo/
 

Цитата:
нужны JavaScript атрибуты

для начала объясните на примере что имеется в виду. не везде нужен js.
 

Цитата:
moi_Poleznyashki_for_web__14.05.2021_.7z.html

зачем это тут???

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 05:40 14-05-2021 | Исправлено: Mavrikii, 05:53 14-05-2021
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
к примеру картинка в div'e при уменьшении размера браузера слева и справа уходит в бэкгроунд(прячется) и в видимой области div'а она еще центрирована
так вот мне нужно управлять этим уходом в бэкгроунд.
 
лучше было бы css и JS управляющие атрибуты. я уже пробовал искать - ничего не нахожу
 
Добавлено:

Цитата:
зачем это тут???

убрал
 
Добавлено:

Цитата:
я не знаю что это значит. полупрозрачность или что? или просто картинка обрывается и дальше идет фон?  такое? https://jsfiddle.net/tq13vjdo/  

я картинку сделаю большего размера, это у Вас наверное монитор больше чем 1920х1080
 
вернее пошире картинку

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 05:55 14-05-2021 | Исправлено: vs6262, 06:05 14-05-2021
Mavrikii

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

Цитата:
вернее пошире картинку

и что? здесь ширина картинки роли не играет.
вот картинка с шириной в 3000 пикселей
https://jsfiddle.net/6k1fgatq/
 
либо сделайте эскиз того, что хотите добиться. все стили (кроме псевдо) управляются через obj.style.свойство
но тут пока js вообще не нужен.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 06:08 14-05-2021 | Исправлено: Mavrikii, 06:09 14-05-2021
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
https://www.upload.ee/files/13142254/Eskiz_2021-05-14-0001.pdf.html
 
была немножко запарка со сканером, я сегодня деинсталировал проги и видно случайно что то для сканера удалил

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 06:37 14-05-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
да что такое "подниз" то??
имитация разреза в фоне?
как вот тут уголки?
   
ведь пока вы толком не объясните свою задумку, никто вам не расскажет как ее сделать.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 06:45 14-05-2021 | Исправлено: Mavrikii, 06:46 14-05-2021
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
картинка в div'e должна уходить под div(под края, не видимая оптически часть), картинка не должна изменяться
 
может я не правильно обьясняю?
 
Добавлено:

Цитата:
как вот тут уголки?

только слева и справа

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 06:53 14-05-2021
Mavrikii

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

Цитата:
может я не правильно обьясняю?

вы никак не объясняете.
 

Цитата:
картинка в div'e должна уходить под div(под края, не видимая оптически часть), картинка не должна изменяться

размеры и пропроции картинки не меняются, а лишь обрезаются родительским дивом?
 
такое, что ли? https://jsfiddle.net/gbdshazL/

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 07:04 14-05-2021
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вот представьте вы мышкой в div-е передвигаете картинку края уходят под низ, видно только то что видно в окошке div-а
 
Добавлено:
https://stackoverflow.com/questions/39637176/js-css-dynamic-background-image-moving

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 07:12 14-05-2021
Mavrikii

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

Цитата:
вот представьте вы мышкой в div-е передвигаете картинку края уходят под низ, видно только то что видно в окошке div-а

ну, parallax эффект. в первом вашем сообщении ни слова о мышке.
 
ладно, как сообразите как внятно объяснить - тогда и пишите. и так уже времени потратил много.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 07:24 14-05-2021
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
https://www.w3schools.com/jsref/prop_style_backgroundposition.asp
 
насчет мышки я только к примеру привел
 
Добавлено:
document.getElementById("_ID_blabla").style.backgroundPosition = "20% 20%";   ?

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 07:26 14-05-2021 | Исправлено: vs6262, 07:27 14-05-2021
vs6262



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

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 19:42 14-05-2021
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Помогите со страничкой


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru