Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. [css] Вывод по верх всего содержимого

    Имеется стиль под всплывающее окно: Проблема: фон и текст этого окна заходит за изображения бокового меню. Вопрос: как изменить код что-бы приоритет был выше остальных изображений?

    Asked by jontsk,

    0 votes
    6 answers

  2. Замена платных шрифтов бесплатными

    Такой вопрос. На сегодняшний день занимаюсь практикой верстки. И столкнулся с такой проблемой. На psd-макете подключаются нестандартные платные шрифты. На профи-макетах таких шрифтов немного, на любительских - часто и густо. И вот я начинаю каждый раз перерывать Инет в поисках этих платных шрифтов, которые есть на макете. Естественно, когда нахожу такие, а когда и нет. Если честно, уже поднадоело такое занятие. Может, существует такой инструмент, который может мне подобрать шрифт, который является аналогом платного шрифта? Типа того - я указываю ему искомый шрифт, а он мне предлагает бесплатную альтернативу, максимально приближенную по качеству.

    Asked by aaron,

    0 votes
    6 answers

  3. почему не работает background-attachment:scroll;?

    почему изображение остаётся на месте, а не в центре??? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ background-color:#cccccc; color:#000000; background-image:url(512896618.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:center; } b{ background-color:#ff0000; color:#ffffff; } p{ background-color:#ffffff; } </style> </head> <body> <p>На данном примере показано свойство, <b>background-color</b>.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с…

    Asked by DivMan,

    0 votes
    6 answers

  4. Откуда они берутся, просто представить не могу

    Asked by skoch244,

    0 votes
    6 answers

  5. Меню css+html

    Здравствуйте, необходимо было меню с выпадающими подпунктами, нашел в инете готовое решение, переверстал под свой дизайн, все работает как нужно, одна беда - вылазит подпункты при определенной ширине меню, если ширину увеличить, то все становиться на свои места, однако увеличивать уже некуда, хотелось бы наоборот уменьшить, но тогда вылазит еще больше подпунктов: Лопатил css, но никак не могу понять как убрать это вот код: .navTitle{ padding: 10px; background: #4b9342; } .navTitle p{font-size: 16px; font-weight: bold; color: #fff;} #nav { margin: 15px 0 10px 10px; border:2px solid #4b9342; box-shadow:2px 2px 8px #000000; border-radius:3px; -moz-border-r…

    Asked by Dolce,

    0 votes
    6 answers

  6. Ширина viewport в iOS при смене ориентации экрана

    В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?

    Asked by exeto,

    0 votes
    6 answers

  7. Отображение содержимого блочного элемента выходящего за границу

    Каким свойством сделать так, чтобы при развертывании меню сайдбар "толкал" футер вниз, а не вылазил за границы перекрывая его? Свойство overflow - пытался применить с разными значениями, но в итоге ничего не изменилось.

    Asked by Delat,

    0 votes
    6 answers

  8. отключить загрузку скриптов

    как можно отключить загрузку некоторых скриптов в зависимости от разрешения экрана? ну например есть скрипт который заставляет элементы "вибрировать" при загрузке страницы. на маленьких экранах мне эта вибрация не очень нравится - хочу отключить

    Asked by deFISH,

    0 votes
    6 answers

  9. Перемещение блоков вложенных один в другой.

    Всем привет. Нужно немного опустить блок с текстом по отношению к другому блоку с изображением, но почемуто блок опускается вместе с картинкой.Помогите решить проблему. На скрине показано какой блок нужно опустить. Немогу понять в чем беда. html <!DOCTYPE html> <html> <head> <meta crarset="utf-8"> <title>ruslanlizogub</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/960_24_col.css"> </head> <body> <div class="cv-section container_24"> <div class="person"> <img src="img/avatar.jpg" width="122" height="165" alt="ruslan lizogub"> <div class="fio"> <…

    Asked by ruslanlizogub,

    0 votes
    6 answers

  10. Отделить версии ie

    Добрый день. На сайте транслируется поток с веб камеры в формате mjpeg. Для браузеров ie исользуется cаmbozola, для других браузеров транслируется просто через тег <img src='адрес потока'>. Раньше это было в таком виде: <![if !IE]> <img src="адрес потока" /><br> <![endif]> <!--[if IE]> <applet code="com.charliemouse.cambozola.Viewer" archive="cambozola.jar"> <param name="url" value="адрес потока"/> </applet> <![endif]--> Но для ie 10 это не работает. Подскажите как отделить браузеры ie включая 10 версию от других.

    Asked by vicyn,

    0 votes
    6 answers

  11. Нужен код, который позволит принять строковые данные от устройства и разобрать их?

    Задание следующее. Есть устройство, если конкретней программируемый логический контроллер, на котором хранится страница html. Эту страницу через интеренет или локальную сеть может запросить любой желающий по типу http://192.168.2.205/index.html. На странице сделаны кнопка для отправки запроса на это устройство. Зарос следующий - http://192.168.2.205:8090. На этот запрос устройство с помощью встроенной программы формирует ответ и отсылает его в виде строки либо масива данных (скорее всего строковый массив, но возможны варианты). Мне необходимо написать код, который бы перехватывал этот ответ, чтобы его можно было как-нибудь обработать , например вывести по частям в разных …

    Asked by gvenihvivar,

    0 votes
    6 answers

  12. Как сделать, чтобы при наведении курсора линии подсвечивались

    Asked by slaip,

    0 votes
    6 answers

  13. текст в input в ie и ff расположен по разному

    Всем привет! текст в input в ie расположен не так, как в ff Вот ссылка, третий букет("Весеннее настроение"), input стилизованный с двумя стрелками - верх и вниз http://enjoyflowers/dostavka_buketov/

    Asked by Nailya,

    0 votes
    6 answers

  14. Карта изображений

    Доброго дня уважаемые! Прошу совета у знатоков) Дело в том, что у меня есть карта изображений (1 большая картинка состоящая из 7). http://jsfiddle.net/wBSyd/ Необходимо, чтобы при наведении на каждый кусочек появлялось увеличенное изображение этого кусочка. Где-то глубоко, очень глубоко я понимаю, что возможно мне поможет код CSS #(id или класс) a:hower { background: url(' '); } Но кому и как присвоить класс или id... Вот в этом и вопрос. И будут ли работать мои ссылки перехода к нужному разделу... Заранее благодарю за ответ, любую помощь или пинок в правильную сторону.

    Asked by Avesha,

    0 votes
    6 answers

  15. Помогите с "резиновостью" элемента

    Всем привет. Ребята, подскажите пожалуйста, не могу сообразить, как сделать вот такой элемент резиновым. Заранее благодарю!

    Asked by lolka84,

    0 votes
    6 answers

  16. Можно ли сверстать этот psd с каруселькой?

    Есть макет, только при открытии в фотошопе оказалось, что там, где планируется слайдер - нет по сути слоев для его прокрутки. Можно ли сверстать этот блок нормально или только получится статическую картинку вставить? http://www.graphicsfuel.com/wp-content/uploads/2011/03/wpbusiness-psdtemplate.zip

    Asked by Zverushka,

    0 votes
    6 answers

  17. Селектор, проверяющий внутреннюю структуру элемента

    Здравствуйте! Здесь в похожих товарах есть один, который не публикуется, но в силу несовершенства кода для него создаются контейнеры. Чтобы было нагляднее: Есть ли такие селекторы, которые бы перед применением стиля проверяли, что например у элемента div.product-field-type-R есть элемент <span>, внутри которого обязательно тег <a>? Было бы здорово решить проблему без "хардкодинга"

    Asked by borus,

    0 votes
    6 answers

  18. Как выровнять слайд-шоу

    Как выровнять, чтобы слайдер сместился вверх? http://prodpak.ru/o-kompanii.html

    Asked by Delat,

    0 votes
    6 answers

  19. Изменение свойств второго тега <li>

    Всем привет. Подскажите пожалуйста, можно ли изменить высоту второго тэга <li>? Т.е у меня меню из 4 колонок и мне нужно высоту второго пункта меню увеличить. Причём движок сайта (joomla) сам назначает id для каждого пункта, и я не знаю какой он будет в следующий раз, а высота второго <li> всегда должна быть выше остальных. Пытался сделать вот так: .menu li li { height: 50px; }

    Asked by SnowWind,

    0 votes
    6 answers

  20. Подгружаемые шрифты - почему не отображаются сразу?

    Делаю сайт www.knigivparkah.ru. Для отображения заголовков сайт подгружает свои шрифты. И очень часто бывает так, что при первичном заходе на сайт первая страница отображается другими шрифтами. (К сожалению, не отследил, при каких условиях) - естественно, что верстка при этом выглядит перекошенной. Но при этом если ткнуть мышой в средний баннер в шапке сайта (который содержит ссылку на начальную страницу сайта) - то при таком подходе эта страница отображается уже с нужными подгруженными шрифтами и выглядит нормально. ВОПРОС: почему шрифты не встают на страницу с первого же раза? Я смотрел в отладчике подгрузку файлов для страницы - все вытягивается нормально даже с первог…

    Asked by GRIG,

    0 votes
    6 answers

  21. Как указать удаленной машине, что сайт обновлен

    Доброго времени суток! Подскажите пожалуйста, как указать удаленной машине, что сайт обновлен? Исправляю странички на сайте, выкладываю на сервер, но браузер продолжает работать со старыми куками.

    Asked by uryp,

    0 votes
    6 answers

  22. Странное отображение

    Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.

    Asked by ZFJoury,

    0 votes
    6 answers

  23. fontsquirrel

    Добрый вечер. Есть такая страница: http://webmaster.ayrveda.ru/Made_in_Fashion/index.html Подключил нестандартный шрифт через fontsquirrel - но отображается(у меня) он только в браузере Safary!? http://webmaster.ayrveda.ru/font_safary.jpg В остальных браузерах отображается это дело вот так: http://webmaster.ayrveda.ru/font_mazilla.jpg Не знаю в чём причина. (возможно в путях.) В общем не пойму что упустил из виду? Перепробовал всё, что в голову пришло и вариантов у меня больше вроде не осталось! Буду благодарен, если кто поможет разобраться в данной проблеме. (Это очень срочный проект и времени просто нет!) Ссылка на сгенерированные шрифты здесь: https://disk.yandex.ua/pu…

    Asked by Yamaradg,

    0 votes
    6 answers

  24. Съезжает центр сайта

    Всем привет!) У меня такая проблема: съезжает центр сайта влево. (причём в одном и том же браузере при одном и том же масштабе на разных компах по-разному, т.е. на одном всё отлично, на другом съезжает.) Сейчас покажу в чём проблема: Вот код самой страницы: <?php // вся процедура работает на сессиях. Именно в ней хранятся данные пользователя, пока он находится на сайте. Очень важно запустить их в самом начале странички!!! session_start(); include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь if (isset($_GET['id'])) {$id =$_GET['id']; } //id "хозяина" странички else { exit("Вы зашил на страницу без…

    Asked by The Norb,

    0 votes
    6 answers

  25. Tabe & rd

    Всем привет. Такая проблема: есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы). Можно ли как-нибудь зафиксить вторую ячейку? P.S. Добавлять в конец 3-ю ячейку - не вариант.

    Asked by SuperJerk,

    0 votes
    6 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept