HTML Coding

29,542 questions in this forum

1. Position: fixed - сделать размеры блока как у body

   Есть страница, c: body { max-width: 1200px; margin: auto; } т.е. контент посередине. Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется. Ну например: окно браузера уменьшили... footer { position: fixed; bottom: 0; } "привязывает" <footer> к низу, но растягивает по ширине экрана.

   Asked by mr.relax, February 2, 2018

   • css
   • fixed
   • position
   0 votes
   2 answers
2. Использование css flex для выравнивания

   Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нель…

   Asked by diga, February 3, 2018

   • style
   • flex
   • css
   0 votes
   2 answers
3. Выравнивание элементов в шапке.

   привет. недавно занялась вёрсткой, проблема в самом начале. в шапке логотип должен быть слева по центру, а текст справа по центру. не срабатывает text-align. может совсем по-другому надо подойти к этому. прошу помощи! ещё будет страница с той же шапкой но другим текстом ("поддержка"). хотелось бы использовать те же стили https://jsfiddle.net/hktt4Lue/

   Asked by vasilyevna_yu, February 4, 2018

   • css
   • html
   • вёрстка
   0 votes
   2 answers
4. Как сверстать такое

   Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать

   Asked by yaparoff, November 2, 2018

   0 votes
   2 answers
5. Как выровнять текст внутри div

   В коде ниже у меня не получается выровнять текст по левому краю, липнет к правому. Подскажите, как это сделать? <!--noindex--> <div style="background-color: #f8f8f8; margin: 10px 0 10px 0; text-align:left; " ><div style=" float: left; padding: 10px;"><img src="/wp-content/uploads/2018/02/1-2.png" /> </div> <!--в div-е ниже нужно выровнять текст по левому краю--> <div style=" float: right; padding: 10px 20px 10px 10px; text-align:left; "> <p><a href="/testy" rel="nofollow">Хорошо ли вы знаете свои уши?</a></p> </div> …

   Asked by fowl, February 5, 2018

   0 votes
   2 answers
6. Откуда берется картинка, когда даешь ссылку на сайт?

   Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.

   Asked by Svetlana_P, February 13, 2018

   1 vote
   2 answers
7. Почему боковое меню не заезжает обратно?

   Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output

   Asked by XopicT, February 13, 2018

   • javascript
   • html css
   0 votes
   2 answers
8. Непонятная проблема со свойством Action у тега Form при отправке

   Добрый день! Есть небольшой проект связанный с регистрацией пользователей В общем пользователи заполняют форму описанную в reg.php. Форма формируется с помощью php echo "<form name=\"reg\" action=\"participation.php?action=insert\" method=post accept-charset=\"utf-8\"> Далее форма отправляет свои данные на participation.php Оба этих файла находятся в одном директории, но не в корне сайта примерно так site.ru/dir1/dir2 т.е они имеют адреса site.ru/dir1/dir2/reg.php site.ru/dir1/dir2/participation.php вот проблема в том что у большинства пользователей форма работает правильно и отправляет запрос на site.ru/dir1/d…

   Asked by saski, February 14, 2018

   • form
   0 votes
   2 answers
9. Цвет кнопки входа, регистрации

   Здравствуйте, возникла проблема, не могу настроить цвет кнопки входа, регистрации. lk.tsk-kub.ru - если кто может помочь, буду очень благодарен.

   Asked by vladimir1199, February 16, 2018

   0 votes
   2 answers
10. Анимация SVG средствами JS

    Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в…

    Asked by ioprst, March 19, 2018

    • js
    • svg
    0 votes
    2 answers
11. Как изменить размер картинки в HTML

    Всем привет! Не знаю, пишу я там, где нужно, или нет. Но у меня есть проблемка: не меняются размеры картинки посредством html. Все работает, картинка отображается в браузере. Но ее размер не меняется. Вот код^ _________________________________________________________________________________ <!doctyp html> <html> <head> <title>Арбитражная работа</title> <meta charset="utm8"> </head> <h1>Арбитражная работа</h1> <br> <a href="../front page.html">Главная</a> <a href="blog.html">Блог</a> <a href…

    Asked by Scripto, April 8, 2018

    0 votes
    2 answers
12. Помогите решить проблему

    Есть у меня значит полоска с меню и лого h-line и блок description(We love foinni polapain...). Решил добавить h-line position: fixed и получилась такая вот картина. Задал верхний отступ от descripton, в итоге header уехал вместе с description. Подскажите как это можно исправить? Код тут

    Asked by no__name, April 14, 2018

    • header
    0 votes
    2 answers
13. Подскажите на какой сms сайт?

    Не могу различить просто верстку от использования кмс. Хочу сделать похожий сайт под интернет магазин, что то в таком плане. https://cham.com.ua Как лучше поступить? Возможно стоит вручную попытаться сверстать?

    Asked by emetsalist, April 11, 2018

    0 votes
    2 answers
14. Удаляйте

    Удаляйте

    Asked by doonay, April 13, 2018

    0 votes
    2 answers
15. Натяжка на wordpress

    Привет, сделал 2 страницы на html и нужно на вордпресс натянуть. Я более менее перенес все в php. Но есть пару вопросов 1) у меня есть a href, при клике на которые должно перейти на вторую страницу, но выдает ошибку почему то The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error. (директория в href задана на файл index2.php, то есть a href="index2.php"> ) 2) с футером хедером понятно, но остается основной контент, я его перенес в content.php и в indexe сделал через get_template_part, верно ли это?

    Asked by exoty, April 14, 2018

    0 votes
    2 answers
16. Выравнивание блока меню относительно кнопки вызова

    Доброго дня! Есть многоуровневое меню (картинка 1) Жму на кнопку Каталог - открывается блок с дополнительным содержимым. В этом содержимом есть подменю и под-под меню. Проблема тут такая часть содержимого из правого под-под меню не умещается на экране. Все потому, что блок с доп. содержимым относительно кнопки КАТАЛОГ открывается с выравниванием по левой своей части. Вот код в этом положении .cs-menu-container .dropdown, ul.type-category li .sub-cate { position: absolute; top: auto; left: 0; z-index: 1000; float: none; min-width: 230px; padding: 0; margin: 0; border: 1px solid #cccccc; border-top:2px solid #c04a62; background: #ff…

    Asked by Рома, April 22, 2018

    • меню
    • кнопка выравнивание
    0 votes
    2 answers
17. Не обновляется информация на сайте

    Подключаюсь через FTP к сайту, который нужно отредактировать (делаю это через FileZilla+Notepad++), изменяю тело (index.html), все ок, но на самом сайте информация не обновляется и в исходном коде также без изменений. Зашел даже на хостинг и сделал изменения прямо из под него - тоже самое. В чем может быть проблема?

    Asked by chuck65, February 23, 2018

    0 votes
    2 answers
18. Печать html странички на 891*630 мм

    Здравствуйте. Имеется блок размером 891*630 мм Если верить конвертеру величин, то 1 мм = 3.779527559055 пиксель <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style type="text/css"> body { margin:0; background:#FFFFFF; } div#block { margin:0 0 0 0; border: 1px solid #5698C9; } </style> script type="text/javascript"> var w=891; var h=630; function myFunction() { document.getElementById("block").style.width = w*3.780952380952381+"px"; document.getElementById("block").style.height = h*3.781144781144781+"px"; document.getElementById("w").innerHTML=w*3.780952380952381; docum…

    Asked by Ser8191, February 25, 2018

    0 votes
    2 answers
19. Ошибка 403 Access forbidden!

    Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?

    Asked by Mewow, February 24, 2018

    • access forbidden
    • 403
    • ошибка
    • изображение
    0 votes
    2 answers
20. Расположение картинок в 3 ряда, друг под другом

    Здравствуйте, прошу совета. Есть один div. В него с бека загружаются картинки. Нужно их расположить в 3 ряда, друг под другом. На картинке изображено как надо. У меня получатся расположить только в ряд с фиксированной высотой, то есть расстояния по высоте между картинками получаются большими не друг за другом. Прошу подсказать как сделать правильно.

    Asked by roash19, February 24, 2018

    0 votes
    2 answers
21. Форма слайдера

    Помогите пожалуйста разобраться как сверстать слайдер, чтобы фоновое изображение распространялось на выделяющийся прямоугольник справа внизу где написан номер слайда, никогда с таким не сталкивался, буду рад любому совету. Спасибо.

    Asked by Dir.t, February 26, 2018

    • кривой слайдер
    0 votes
    2 answers
22. Растянуть фон с текстом до размеров картинки

    Здравствуйте, подскажите как растянуть фон с текстом до размеров изображения над ним? Чтобы их ширина всегда была равна, независимо от количества символов в тексте и размеров экрана. https://jsfiddle.net/vayr08d9/

    Asked by gadjet, February 27, 2018

    0 votes
    2 answers
23. noUISlider

    очень трудновато с этим слайдером. https://jsfiddle.net/k13urhLb/1/ выбрал этот слайдер, но не могу настроить, чтобы больших делений было всего 4 (на 0, 10, 20 и 30), а маленьких делений было между ними 9 (в общем, как на обычной линейке все) и значение выводилось (на фотке где value). Заранее, благодарю за помощь

    Asked by exoty, February 28, 2018

    0 votes
    2 answers
24. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n, March 1, 2018

    • bootstrap
    • menu
    • гамбургер
    0 votes
    2 answers
25. как сделать чтобы кнопка не отображалась в мобильной версии сайта

    Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>

    Asked by ne_beret, March 4, 2018

    0 votes
    2 answers