HTML Coding

29542 questions in this forum

1. Помогите сделать объект по центру

   https://jsfiddle.net/9er90pzg/2/ Как сделать, чтобы пункты меню находились не слева, а по центру?

   Asked by ramazan2016, April 19, 2016

   0 votes
   2 answers
2. Расположение пунктов выпадающего меню в IE

   Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…

   Asked by Mary_RND, April 20, 2016

   • html
   • css
   0 votes
   16 answers
3. Помогите с css. Никак не пойму.

   Сайт закинул на ucoz http://promotingpeace.at.ua Помогите сделать корректное отображение в браузерах. (В некоторых браузерах отступы от топа и половина синего экрана. Некорректное отображение с разным разрешением) И решить проблему с прокруткой страницы. (Когда текста больше чем на странице, он заходит за окно браузера. Скрол не работает) Скрипты брал с интернета и css. 2-й день не могу разобраться. Очень нужно для одного проекта. Заранее благодарен.

   Asked by Extray, April 20, 2016

   • html
   • css
   • site
   0 votes
   3 answers
4. завернул img в div, но div имеет большую высоту чем img

   пример не пойму откуда берется лишняя высота у div... Help

   Asked by Daniil Khanin, April 20, 2016

   • обёртка img в див проблема
   0 votes
   1 answer
5. Каков самый правильный способ добавления <кода> в текст?

   Речь идёт о тегах <pre>, <code>. Как правильнее всего добавлять код в текст сайта? И ещё интересует, можно ли с помощью CSS научить тег <code> учитывать все пробелы и переносы? (по аналогии с <pre>)

   Asked by Anymaxis, April 20, 2016

   • pre
   • code
   0 votes
   3 answers
6. Проблема с header'ом

   Здравствуйте, дамы и господа, столкнулся с проблемой header'а. Горизонтальный скроллбар уверен в том, что если мы его прокрутим в правую сторону, то он нам покажет что-то классное, а может и толкнёт пару пакетов с коксом, но если прокрутить, то браузер просто обрезает хедер и на этом всё, всем заранее благодарен за помощь. Вот код и пару скриншотов: header{ height: 50px; min-width: 1024px; width: 100%; background-color: #000; } Скрытый текст До прокрутки скроллбара после прокрутки скроллбара

   Asked by Hey, April 20, 2016

   0 votes
   3 answers
7. ul Не получается сделать разделитель в меню.

   Добрый день, не получается сделать разделитель, в виде символа "/" ,между элементами <a> на одинаковом расстоянии от элементов <li> <a> ,вот ссылка на код https://jsfiddle.net/tu6rwm2j/

   Asked by Pizza, April 20, 2016

   • css
   • menu
   • separator
   0 votes
   3 answers
8. видимость страницы

   Добрый день! div сайта имеет фиксированные размеры (950 / 630) и расположен по центру экрана. На ноутбуке все видно и работает, а в смартфоне (где размеры экрана меньше) и планшете, адресная строка браузера закрывает верх страницы с меню. Подскажите, пожалуйста, как это исправить.

   Asked by Abel, April 21, 2016

   0 votes
   2 answers
9. как сделать меню резиновым?

   Для резинового сайта надо сделать резиновое меню - меняю ширину экрана, меняется шрифт меню. Увеличиваю ширину экрана - шрифт пропорционально увеличивается Уменьшаю ширину экрана - шрифт пропорционально уменьшается Дайте ссылку где можно почитать или подправьте stile_menu.css - css файлик приложил

   Asked by Alex_, April 21, 2016

   0 votes
   4 answers
10. css Почему не отображается блок?

    При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR

    Asked by diargon345, April 22, 2016

    • position
    0 votes
    6 answers
11. Как сделать подкатегории?

    Есть главные категории, а есть внутренние. Мне нужно, что бы при нажатии на основную категорию открывался список внутренних категорий, ссылающийся на главную категорию. К примеру это главная категория: <li><a href="/kartinki/"><span>КАРТИНКИ</a></li> А это кодкатегории: <div class="sc_header b_header"><span>Картинки</span></div> <div class="sc_content"> <ul> <li><a href="#">Звери 1</a></li> <li><a href="#">Димотиваторы 2</a></li> <li><a href="#">Природа 3</a></li> Помогите, прописать правильно. Если движо…

    Asked by @priest, April 22, 2016

    0 votes
    1 answer
12. подскажите готовый элемент

    http://spokoino.ru/ на сайте если нажать на слово москва в предложении выбрать автоинструктора в Москве то появляется список регионов подскажите готовое решение и как такой элемент называется?

    Asked by https, April 22, 2016

    0 votes
    0 answers
13. Помогите пожалуйста с версткой

    Не знаю как поставить изображение под навигацию!Подскажите как это сделать пожалуйста! https://jsfiddle.net/3cm21j13/6/

    Asked by KamZed, April 24, 2016

    • html
    • css
    • верстка
    0 votes
    3 answers
14. width и height на 100%

    Не могу решить одну проблему. Как сделать когда браузер увеличивается или уменьшается размер(ширина и высота) изображения не менялся. Как бы он фиксированный. Пример http://mahno.com.ua/en/ (первый блок). У меня с шириной всё нормально, проблема с высотой. Мой пример с проблемой http://davronv4.businesscatalyst.com

    Asked by anvar9991, April 24, 2016

    • html
    • css
    • height
    • 100%
    • responsive
    • width
    0 votes
    2 answers
15. Помогите с формами html

    Помогите решить задачу (и возможно ли вообще ее решить): Есть форма ввода текстовой строки и кнопка. Возможно ли сделать так, чтобы при нажатии на кнопку срабатывал алгоритм: Если в текстовую строку введено "текст1", то открыть страницу 1.html Если в текстовую строку введено "текст2", то открыть страницу 2.html Иначе открыть страницу 3.html Помогите пожалуйста!!

    Asked by venik, April 24, 2016

    • формы html
    0 votes
    2 answers
16. Transition в IE11

    Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…

    Asked by Geyan, April 24, 2016

    • css
    • html
    0 votes
    0 answers
17. Перенос слов в Хроме

    Коллеги, я уже несколько раз вскользь сталкивался с проблемкой отсутствия переноса в Хроме, когда <html lang="ru"> и -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; ... не приводят к автоматической расстановке переносов в Хроме, но забивал на неё. А сейчас вот решил разобраться с вашей помощью - что за хрень такая? Почему не работает в хроме? И может кто-то знает нормальный способ научить Хром перeносить слова - без js? Или его просто не существует и нужно просто забивать на это и дальше?

    Asked by MaxWall, April 24, 2016

    • перенос слов
    • хром достал
    • говнохром
    0 votes
    7 answers
18. Пустое место в углу верхнего меню

    Здравствуйте уважаемые эксперты! Прошу вашей помощи, проблема в следующем - 1) Необходимо исправить пробел в полосе верхнего меню, на скриншоте указал как 2) Как можно реализовать фоновую картинку с левой стороны и если можно чтобы она ходила вверх и вниз при прокрутке (пример прикрепляю в скриншоте). Если можно напиши подход как это можно сделать, допустим выровнять (align не помогает вроде) может как то ещё, приношу заранее извинения ведь я новичок в этом деле.... Я использую Joomla шаблон Blog J.Верхнею меню находиться в отдельном блоке. Какие варианты исправления могут быть? Заранее благодарен!

    Asked by Nedd, April 25, 2016

    0 votes
    2 answers
19. Обход ограничения

    Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…

    Asked by Морская улиточка, April 24, 2016

    0 votes
    2 answers
20. Чем тестировать верстку под разные разрешения/девайсы без их наличия?

    Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном измен…

    Asked by BOMS, April 25, 2016

    • тестрование вёрстки
    • разрешения
    • экраны
    • девайсы
    • гаджеты
    0 votes
    4 answers
21. Текст в блоке вертикально по центру

    Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

    Asked by PavelTkachev, April 25, 2016

    0 votes
    1 answer
22. html Вёрстка блоков - как сделать логично?

    Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?

    Asked by kattiperk, April 25, 2016

    • css
    • responsive
    0 votes
    5 answers
23. задать высоту инпута

    Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?

    Asked by mstdmstd, April 26, 2016

    0 votes
    11 answers
24. Помогите разобраться с кнопкой в меню

    Здравствуйте, подскажите пожалуйста как сделать так, что бы меню растянулось на всю ширину. https://jsfiddle.net/cryrc1v6/

    Asked by Kamel515, April 25, 2016

    0 votes
    2 answers
25. Подскажите начинающему

    Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…

    Asked by radamant01, April 25, 2016

    0 votes
    1 answer