HTML и CSS Верстка HTML и каскадные таблицы стилей Tue, 19 May 2026 00:25:47 +0000 Tue, 19 May 2026 00:25:47 +0000 Форум PHP Программистов | PHP.ru https://php.ru/forum/forums/html-i-css.25/ Тег video растягивает картинку видел Fri, 19 Sep 2025 15:18:45 +0000 https://php.ru/forum/threads/teg-video-rastjagivaet-kartinku-videl.134214/ https://php.ru/forum/threads/teg-video-rastjagivaet-kartinku-videl.134214/ invalid@example.com (kuzmich) kuzmich
столкнулся с проблемой тегом video. картинка видео растягивается.
уже много чего перебрал и ничего не смог поделать.
вот код:
Код (Text):
  1. <video pip="false" class='header_video' preload="true" no-controls autoplay loop muted playsinline>
  2.   <source src="template/image/test4.mp4" type="video/mp4">
  3. </video>
Код (Text):
  1. .header_video {
  2.      -moz-object-fit: cover;
  3.      -webkit-object-fit: cover;
  4.      -o-object-fit: cover;
  5.      object-fit: cover;
  6.      object-position: center;...
Тег video растягивает картинку видел]]> 1 Порекомендуйте редактор кода Fri, 17 Jan 2025 22:13:46 +0000 https://php.ru/forum/threads/porekomendujte-redaktor-koda.102884/ https://php.ru/forum/threads/porekomendujte-redaktor-koda.102884/ invalid@example.com (Vladd55) Vladd55
Переустанавливаю комп и, заодно, решил обновить используемые проги.

Какой из бесплатных русскоязычных и не сильно навороченных редакторов удобно использовать для программирования? Чтобы подсвечивался HTML и РНР. Не лишним будет подсветка CSS и JS, но это уже не столь важно.]]> 7 Анимация ШИМ сигнала Fri, 12 Jul 2024 18:19:25 +0000 https://php.ru/forum/threads/animacija-shim-signala.102447/ https://php.ru/forum/threads/animacija-shim-signala.102447/ invalid@example.com (Dimon2x) Dimon2x
https://codepen.io/DivMan/pen/pomMLbv

HTML:
  1. <div class="block">
  2.     <div class="line"></div>
  3.     <div class="line2"></div>
  4.     <div class="line3"></div>
  5.     <div class="line4"></div>
  6.     <div class="line5"></div>
  7. </div>
  8.  
  9.  
  10. <div class="block block2">
  11.     <div class="line"></div>
  12.     <div class="line2"></div>
  13.     <div class="line3"></div>
  14.     <div class="line4"></div>
  15.     <div class="line5"></div>
  16. </div>
  17.  
  18. <div class="block block3">
  19.     <div...
Анимация ШИМ сигнала]]> 2 Какой алгоритм действий при верстке? Sun, 07 Jul 2024 16:50:22 +0000 https://php.ru/forum/threads/kakoj-algoritm-dejstvij-pri-verstke.102449/ https://php.ru/forum/threads/kakoj-algoritm-dejstvij-pri-verstke.102449/ invalid@example.com (allone11) allone11
Только начинаю. Изучил HTML, CSS, немного JS.

Хочу научится верстке сайтов. Не знаю, как подступиться. Помогите разобраться.

Какой алгоритм действий при верстке?
Например у меня есть шаблон в фигме https://www.figma.com/design/XYNCnq...(Community)?node-id=19-2&t=vklN0q2huJbb2h5T-0
Дальше какие шаги?

1) Мне надо понять какие создать divконтейнеры и примерно визуально поделить макет на эти контейнеры?
2) А потом создавать эти...

Какой алгоритм действий при верстке?]]> 2 RoadMap для новичка Fri, 19 Apr 2024 04:21:00 +0000 https://php.ru/forum/threads/roadmap-dlja-novichka.102216/ https://php.ru/forum/threads/roadmap-dlja-novichka.102216/ invalid@example.com (Diomines) Diomines
Сейчас я изучил БАЗОВО HTML / CSS и изучаю JS, могу сверстать простой лендос с адаптивом. Пытаюсь найти в интернете куда мне...

RoadMap для новичка]]> 3 Обязательно ли указывать http? Fri, 08 Mar 2024 18:38:12 +0000 https://php.ru/forum/threads/objazatelno-li-ukazyvat-http.102004/ https://php.ru/forum/threads/objazatelno-li-ukazyvat-http.102004/ invalid@example.com (Econaft) Econaft А у меня есть сайт, куда я просто загружаю свои аудио-видео файлы.
И потом вставляю через код в другие сайты.

Сейчас тенденция идёт тому что буквально всех заставляют ставить https

Но у меня ссылки не так-то просто потом будет заменить на https , если вдруг http совсем забанят везде.

Поэтому пришла мысль вообще отказаться от https или http.

Вот так:

Код (Text):
  1. <audio...


Обязательно ли указывать http?]]> 9 скрипт чата поддержки Mon, 15 Jan 2024 06:09:32 +0000 https://php.ru/forum/threads/skript-chata-podderzhki.101941/ https://php.ru/forum/threads/skript-chata-podderzhki.101941/ invalid@example.com (vikrorpert) vikrorpert когда в углу сайта вылазит окно чата с готовыми пунктами выбора текстов
и чтобы для установки на сайт достаточно было добавить строчку js файла
такое бывает в природе?]]> 16 Почему шрифты стали подсвечиваться в инструментах разработчика? Sun, 14 Jan 2024 17:50:31 +0000 https://php.ru/forum/threads/pochemu-shrifty-stali-podsvechivatsja-v-instrumentax-razrabotchika.101982/ https://php.ru/forum/threads/pochemu-shrifty-stali-podsvechivatsja-v-instrumentax-razrabotchika.101982/ invalid@example.com (гендаль серый) гендаль серый 1 Таблица принимающая и записывающая данные как? Sun, 31 Dec 2023 13:43:49 +0000 https://php.ru/forum/threads/tablica-prinimajuschaja-i-zapisyvajuschaja-dannye-kak.101939/ https://php.ru/forum/threads/tablica-prinimajuschaja-i-zapisyvajuschaja-dannye-kak.101939/ invalid@example.com (55GA_Impostor_in_IT) 55GA_Impostor_in_IT
Таблица принимающая и записывающая данные как?]]> 3 Скрытые шапки Mon, 25 Dec 2023 18:38:24 +0000 https://php.ru/forum/threads/skrytye-shapki.101944/ https://php.ru/forum/threads/skrytye-shapki.101944/ invalid@example.com (Неугомонный) Неугомонный 6 Как сделать кнопку Гамбургер для открывания меню? Wed, 13 Dec 2023 21:38:16 +0000 https://php.ru/forum/threads/kak-sdelat-knopku-gamburger-dlja-otkryvanija-menju.99700/ https://php.ru/forum/threads/kak-sdelat-knopku-gamburger-dlja-otkryvanija-menju.99700/ invalid@example.com (koreshs) koreshs -Имеется в углу экрана кнопка гамбургер.
-При нажатии на которую открывается меню.
Работало просто. Делаю любой тег в виде кнопки, и вешаю на него :HOVER.
Меню же открывается после наведения на тег в виде кнопки.
То теперь надо усложнить задачу. надо чтобы после открытия меню тег в виде кнопки превращался в кнопку с крестиком.
Т.е. надо так чтобы после срабатывания :HOVER, тег само собой меняет иконку,...

Как сделать кнопку Гамбургер для открывания меню?]]> 4 Оба подвала двигаются в низ Tue, 21 Nov 2023 05:32:24 +0000 https://php.ru/forum/threads/oba-podvala-dvigajutsja-v-niz.101885/ https://php.ru/forum/threads/oba-podvala-dvigajutsja-v-niz.101885/ invalid@example.com (MrGerst) MrGerst
https://wdfiles.ru/M633]]> 2 noscipt redirect Fri, 22 Sep 2023 08:23:31 +0000 https://php.ru/forum/threads/noscipt-redirect.101761/ https://php.ru/forum/threads/noscipt-redirect.101761/ invalid@example.com (Неугомонный) Неугомонный Или можно внизу страницы ?
<body>
//Код страницы
<script>...<script>
<noscript>переадресация</noscript>
</body>
HTML:
  1.  
  2. <noscript><meta http-equiv="refresh" content="0; URL=/r.php"></noscript>
]]> 4 Label html Fri, 22 Sep 2023 04:52:51 +0000 https://php.ru/forum/threads/label-html.101758/ https://php.ru/forum/threads/label-html.101758/ invalid@example.com (Неугомонный) Неугомонный

А если серьезно что ещё для чего зачем ?
HTML:
  2.         Имя пользователя
  3.         <input type="text" class="test" name="name">
]]> 4 Как масштабировать до ширины страницы с помощью viewport в google chrome? Thu, 14 Sep 2023 09:43:29 +0000 https://php.ru/forum/threads/kak-masshtabirovat-do-shiriny-stranicy-s-pomoschju-viewport-v-google-chrome.101741/ https://php.ru/forum/threads/kak-masshtabirovat-do-shiriny-stranicy-s-pomoschju-viewport-v-google-chrome.101741/ invalid@example.com (Aricus) Aricus Задают нужную ширину, но не масштабируют:...

Как масштабировать до ширины страницы с помощью viewport в google chrome?]]> z-index Sun, 02 Jul 2023 07:37:47 +0000 https://php.ru/forum/threads/z-index.101567/ https://php.ru/forum/threads/z-index.101567/ invalid@example.com (Неугомонный) Неугомонный В блоке #nav не указан z-index, но блок #nav всё равно выше всех блоков появляется
Как правильно, нужно указывать в #nav z-index:3; если он target ?

Код (CSS):
  1.  #nav {
  2.              padding: 20px;
  3.              text-align: center;
  4.              position: fixed;
  5.              height: 100%;
  6.              top: 0;
  7.              width: 80%;
  8.              max-width: 400px;
  9.              background: rgb(255, 219, 58);
  10.              box-shadow: -3px 0 10px rgba(0,0,0,0.2);...
z-index]]> Как сделать label уникальным Thu, 13 Apr 2023 10:27:40 +0000 https://php.ru/forum/threads/kak-sdelat-label-unikalnym.101346/ https://php.ru/forum/threads/kak-sdelat-label-unikalnym.101346/ invalid@example.com (Vladd55) Vladd55
Есть табы, в одном из которых имеется декоративный чекбокс. Вот рабочий фрагмент кода:

HTML:
  1.        
  2. <div class="tab-wrapper">
  3. <input type="radio" name="tab" id="tab2" />
  4.         <label class="tab-label no-select" for="tab2" nth="2">Интро</label>
  5.         <div class="tab-item" id="tab-content2">
  6. It has survived not only five centuries, but also the leap into electronic typesetting, remaining
  7. <div id="consent">
  8. <input type="checkbox" id="demo2">
  9. <label for="demo2"...
Как сделать label уникальным]]> Строка на встает на свое место Sun, 19 Feb 2023 19:15:54 +0000 https://php.ru/forum/threads/stroka-na-vstaet-na-svoe-mesto.101115/ https://php.ru/forum/threads/stroka-na-vstaet-na-svoe-mesto.101115/ invalid@example.com (Vladd55) Vladd55 http://fh7929mi.bget.ru/index-2.html

Проблема вот в чем.

Нужно, чтобы слово "Автор" находилось между va и флажком.
И чтобы слово "Крановщик" было самостоятельной строкой выше "Сегодня, 14:53".

По коду так они и расположены, а показываются совсем не на своих местах. И даже с Инспектором кода я совершенно не могу понять, как их...

Строка на встает на свое место]]> 5 Какой смысл класса container-md в bootstrap? Tue, 14 Feb 2023 16:17:24 +0000 https://php.ru/forum/threads/kakoj-smysl-klassa-container-md-v-bootstrap.101091/ https://php.ru/forum/threads/kakoj-smysl-klassa-container-md-v-bootstrap.101091/ invalid@example.com (ibnteo) ibnteo
Код (Text):
  1. .container-md {
  2.     max-width: 720px;
  3. }
и теперь контейнер не больше этого размера, как раз логичнее так будет.

Что думаете по этому поводу?]]> 2 Bootstrap растянут по всей ширине Mon, 13 Feb 2023 22:13:42 +0000 https://php.ru/forum/threads/bootstrap-rastjanut-po-vsej-shirine.100969/ https://php.ru/forum/threads/bootstrap-rastjanut-po-vsej-shirine.100969/ invalid@example.com (viktor72) viktor72 У меня почему то формы с bootstrap растягиваются по всей ширине монитора, во всех браузерах. В гугле ответа на нашел.
Подскажите что делать! Спасибо]]> 1