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

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

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

 Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

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

IIOPTAJI

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребят, я новичок в хтмл, и на этом форуме тоже, песочницу найти не мог.
Я создаю простой блокнот, пишу там всякие коды, которые нашел в интернете, и возник вопрос, как сделать фон чтобы не белый фон был, а какая нибудь картинка. Если что-то не то задал из вопросов, прошу прощения
Всего записей: 4 | Зарегистр. 05-07-2011 | Отправлено: 21:09 09-08-2013
Alinalessio

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Помогите пожалуйста найти ошибку в хтмл.
Верстаю на бутстрап 5.
Когда просто в браузере смотреть, то всё в порядке.Но когда включаю режим Responsive чтобы посмотреть как будет смотреться на устройствах с разной шириной, то справа появляется белый отступ. Проверил на всякие лишние или незакрытые дивы. Не нашёл. Вроде ничего не выпирает, но почему-то появляется этот горизонтальный скролл и отступ справа.
Может кто свежим взглядом найдёт, в чём ошибка?
 

 
 
ОТБОЙ. РЕШЕНО:
 
Нашёл что торчит, когда в стилях прописал такую строчку. Очень помогло. Советую.
 

Код:
*{ border:1px solid red; box-sizing:border-box; }

 
Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 19:01 09-12-2022 | Исправлено: Alinalessio, 22:14 09-12-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alinalessio
у вас в одной из section контент вылезает.
section {
 overflow: hidden;
}
или искать где именно. и есть же тема по CSS
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 22:13 09-12-2022
Alinalessio

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Да, спасибо большое. Как раз только нашёл. ))
 
И последний вопрос: Скажите, у бутстрапа 5 есть возможность на js добавлять и удалять классы? Почитал руководство и не нашёл именно про добавление и удаление классов. В бутстрапе этого нет или я плохо ищу? ))
Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 22:24 09-12-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alinalessio
bootstrap 5 использует jQuery для работы. пользуйтесь им.
https://api.jquery.com/addclass/
https://api.jquery.com/removeclass/
 
хотя нет.. уже может и без него использоваться. пользуйтесь чистым js
element.classList.add("mystyle");
element.classList.remove("mystyle");
 

Цитата:
Нашёл что торчит, когда в стилях прописал такую строчку.

может врать. если, к примеру, у элемента нет рамки. тогда все может сместиться на пару пикселей.
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 22:28 09-12-2022 | Исправлено: Mavrikii, 22:38 09-12-2022
Alinalessio

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо. Очень помогли.
"может врать. если, к примеру, у элемента нет рамки. тогда все может сместиться на пару пикселей." - да, когда счёт идёт на пару пикселей, тогда вы правы, такой способ слишком топорный. Но в моём случае там такая щель была, что голову просунуть можно )))
Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 22:50 09-12-2022
Alinalessio

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто сталкивался с тем, что на мобильных устройствах, всплывающее окошко по ширине больше сайта? Как это поправить? Всплывающие окна colorbox.
На снимке красным выделил ширину сайта. Видно, что всплывающее окно намного больше ширины сайта.  

 
Дело в вёрстке и css или нужно в js для colorbox что-то дописывать, чтобы изображения вписывались в ширину?
 
Ссылка на сайт: https://web72.ru/alinex/
 
Это те всплывающие окна, которые на мобильных устройствах шире, чем сайт:
Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 12:44 11-12-2022
Mavrikii

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

Цитата:
js для colorbox что-то дописывать, чтобы изображения вписывались в ширину?

не пользуюсь, но там есть параметр maxWidth, width, innerWidth, которые можно выставить, к примеру, в 100%
https://www.jacklmoore.com/colorbox/
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 23:33 11-12-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Валидатор дал сообщения, которые непонятно как исправить. Вот такие:
 
Info: Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.
From line 155, column 1; to line 155, column 48
le=1.0">&#8617;&#8617;<link rel="shortcut icon" href="/favicon.ico" />&#8617;&#8617;</he
 
 
Info: Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.
From line 255, column 61; to line 255, column 165
dent: 0;"><img src="/images/tine.jpg" class="size75" alt="Тайный" style="float: none;" /></p>&#8617;<
 
 
Info: Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.
From line 768, column 16; to line 768, column 112
ript><div><img src="https://mc.yandex.ru/watch/264952" style="position:absolute; left:-9999px;" alt="" /></div>
 
Последнее вообще странно, поскольку это Яндекс пишет.
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 21:22 16-01-2023
Mavrikii

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

Цитата:
 />

это нужно только для xhtml для одиночных тегов. для html5 это не нужно.
исправить - убрать /
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 21:34 16-01-2023 | Исправлено: Mavrikii, 21:35 16-01-2023
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
То есть, теперь можно писать так?
 
<img src="/images/tine.jpg" class="size75" alt="Тайный" style="float: none;" >
<link rel="shortcut icon" href="/favicon.ico" >
 
Непривычно как-то...
 
И странно, что Яндекс тоже делает эту ошибку.
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 10:34 17-01-2023
Mavrikii

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

Цитата:
То есть, теперь можно писать так?

повторюсь.. /> для тегов без закрытия важно только для xhtml (чтобы парсилось средствами работающими с XML), для html - нет.
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 10:49 17-01-2023 | Исправлено: Mavrikii, 10:49 17-01-2023
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли сделать так, чтобы предзаполненная форма ввода отражала CSS настройки и содержала ссылки?  
 
<form method=post>  
<input type="text" name="name" value="ПРИВЕТ!">
<textarea rows="3" cols="15" name="textt"><p style="color:#F3F; font-size:30px">Что вы можете сообщить о себе?</p></textarea>
<input type=submit value="OK">  
</form>
 
Вот здесь будет показываться сам код, а не результат его исполнения.  
https://ibb.co/frMN3Jy
 
Как можно сделать, чтобы предзаполнение включало в себя размер шрифта, цвет и ссылки, находящиеся в окне формы?
 
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 17:05 03-03-2023 | Исправлено: Vladsvn, 17:06 03-03-2023
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn
В textarea  - нет. А вот внутри <div contenteditable="true">...</div> можно
Только данные с формой не будут отправляться, нужно их брать с помощью js и выставлять невидимому элементу формы, к примеру, перед отправкой.
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 19:58 03-03-2023
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Понятно, спасибо!
 
А если введенное сообщение понадобится отредактировать и для этого вновь загнать коды в форму, то опять через <div contenteditable="true">...</div>.  
 
Так?
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 22:09 03-03-2023
Mavrikii

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

Цитата:
Так?

да. но выводить напрямую вообще не рекомендуется, не фильтруя содержимое.
так можно получить себе XSS
https://ru.wikipedia.org/wiki/Межсайтовый_скриптинг
ибо разрешая вставлять любой HTML код, можно получить непритяные последствия.
поэтому на форуме используются bbcodes, либо нужно делать правильную фильтрацию содержимого по html тегами и их атрибутам.
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 23:59 03-03-2023
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо за совет и спасибо за предупреждение! Это очень важно!
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 14:46 04-03-2023
andr991999

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
[q][/q]
Отрисовать кнопку и повесить на нее функцию
const toUp=()=>{
    window.scrollTo({
        top: 0,
        behavior:'smooth'
    })
}
Всего записей: 12 | Зарегистр. 07-03-2023 | Отправлено: 14:52 09-03-2023
Alinalessio

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Одностраничник.
На локалке всё правильно работает.
Выгружаю все файлы на сервер. Чищу кеш, но сайт отображается без последних изменений.
 
Даже проверял так: скачивал файл css из сервера и вижу, что изменения есть. Но в исходном коде сайта изменений в файле нет.
 
Вот сам сайт: https://web72.ru/admiral/
 
Вот так галерея выглядит на локалке:

 
А вот так выглядит на сервере:

 
Что это за кеш такой лютый, что ни в какую не хочет видеть изменения?
Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 14:42 13-03-2023
Mavrikii

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

Цитата:
Вот так галерея выглядит на локалке

на сервере так же
 
а проблемы из-за этого

Цитата:
@import url(animate.css);
@import url(bootstrap.css);
@import url(font-awesome.css);
@import url(jquery.fancybox.css);
@import url(settings.css);
@import url(jquery-ui.css);

подзапрос хорошо кэшируется. поэтому часто видно, что добавляют ?v=версия или аналогичное.
либо чистить кэш в браузере..либо по отдельности запросить каждый css файл.
Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 21:37 13-03-2023 | Исправлено: Mavrikii, 21:39 13-03-2023
Alinalessio

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

Цитата:
на сервере так же

 
У меня на любом браузере так. Даже на тех, на которых я ни разу этот сайт не открывал.
 

Цитата:
либо чистить кэш в браузере

 
Чистил полностью кеш. Не помогает. Ктрл+Шифт+Делит и там очистить всё за всё время.
 

Цитата:
по отдельности запросить каждый css файл.

 
Имеется ввиду, в индек.хтмл отдельно каждый css файл запрашивать? Но не отображаются изменения именно с файла style.css, который и так подключен к индекс.хтмл.
Всего записей: 223 | Зарегистр. 21-06-2010 | Отправлено: 12:49 14-03-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

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


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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru