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. Фоновой изображение PNG в IE 11

    Доброго времени суток! Я новичок в деле верстки, так что не судите строго. У меня проблема с отображением background с ссылкой на PNG в браузере IE 11 (может и в ранних версиях тоже, я не проверял.) В других браузерах, естественно, все нормально. А в IE просто белый фон. Это не коммерческий заказ, а просто я набиваю руку. Може подскажете как решить проблему. Буду очень благодарен! Вот код HTML: <!DOCTYPE html> <!-- html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"> <html lang="ru" class="lt-ie9 lt-ie8"> <html lang="ru" class="lt-ie9"> <html lang="en"> --> <head> <meta charset="UTF-8"> <…

    Asked by lavrentyev,

    0 votes
    3 answers

  2. Как поставить HTML5 разметку?

    Уважаемые! Помогите, пожалуйста, разобраться с html5 разметкой. Вот новые семантические элементы html5: header,nav,aside,footer,article,section,hgroup. Я почему-то путаюсь, как правильно расставить article,section,hgroup (особенно section!). Что за section? Им надо выделять каждый блок в статье (описание, картинку,опрос,комментарии) или нет? У каждого section должен быть H1-H заголовок или нет? Объясните, пожалуйста, простым языком значение section, дочерние его элементы и вообще смысл его. Если не затруднит, то на примере стандартного шаблона: Главная. Страница со статьёй.

    Asked by Extazy,

    0 votes
    2 answers

  3. переход к конкретной вкладке на другой странице

    На странице есть контент, находящийся в разных вкладках (nav-tabs в бутстрапе) в одной части экрана. Как реализовать переход с другой страницы к конкретной вкладке? Пока получилось только банально через id переходить к по-умолчанию активной вкладке. Нужно, чтобы переход осуществлялся к заданной вкладке и отображалась её активность. Надеюсь, понятно объяснил. Заранее спасибо!

    Asked by toh4o,

    0 votes
    5 answers

  4. Нижнее меню в iphone

    Всем привет! Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/. На фото панель, которую нужно убрать.

    Asked by mn8156,

    0 votes
    3 answers

  5. Open Sans не такой толстый как нужно

    Использую Open Sans на страничке http://www.reklamy.ru/uslugi/print/shtendery/ - двухцветные заголовки например "ПРАЙС ЛИСТ" сделал толщину 800 все равно выглядит не так как на гугле https://www.google.com/fonts/specimen/Open+Sans#charset нужно ещё чуток потолще

    Asked by GTAlex,

    0 votes
    2 answers

  6. Странные квадраты внизу блока

    Добрый день. Помогите, пожалуйста, разобраться откуда в правом блоке, где телефоны внизу беруться маленькие белые квадраты в нижних уголках фона. CSS свойст я таких не задавал, и они такие же, как у левого блока, только цвет другой ссылка на сайт - ниже http://emes.com.ua/accounting-services

    Asked by emes,

    0 votes
    2 answers

  7. Вопрос по использованию background-image

    Всем добрый день! При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху? Заранее спасибо

    Asked by kot_Bazilio,

    0 votes
    2 answers

  8. импорт css в css файл

    допустим есть css файл, и reset мне нужно вынести в отдельный файл, как это сделать

    Asked by Guest Захар,

    0 votes
    1 answer

  9. Как сделать горизонтальные и вертикальные линии на сайте?

    Доброго дня, уважаемые! Только-только приступил к изучению основ вёрстки веб-сайтов, верстаю первый макет для тренировки. Возник следующий вопрос: как при помощи html5 и css3 добавить на сайт горизонтальные и вертикальные линии? Наглядный пример того, о чём я говорю - линия внизу страницы этого форума. Вот об этой линии я говорю. Заранее спасибо

    Asked by kot_Bazilio,

    0 votes
    2 answers

  10. ошибка в mysql-запросе для ajax

    помогите пожалуйста исправить ошибку делаю ajax-запрос. вот php-скрипт, работающий с сервером: <?php header("Content-type: text/html; charset=utf-8"); //print_r($_GET); //print_r($_GET[graph_title]); $title = $_GET['graph_title']; echo $title; $host = ""; $database = ""; $user = ""; $password = ""; $connect = mysql_connect($host,$user,$password); mysql_select_db($database); $sql = 'INSERT INTO `graphs` (`id`, `title`, `x_max`, `x_min`, `x_period`, `y_max`, `y_min`, `y_period`) VALUES ("", "' + $title + '", "", "", "", "", "", "")'; $result = mysql_query($sql) or die(mysql_error()); mysql_query("SET NAMES utf8"); if($result) { echo("true"); } else {…

    Asked by cyklop77,

    0 votes
    6 answers

  11. Блок с повёрнутым на -90 градусов текстом

    Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода

    Asked by iBars,

    0 votes
    4 answers

  12. B бутстрап верстке yнепоянтный класс и input-sm

    Всем привет, Подскажите, пожалуйста, я наткнулся на использование в бутстрап верстке для контрола классов form-control и input-sm вроде : <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="postal_code" id="postal_code" class="form-control input-sm" value="" size="4" maxlength="4" Читаю доки: Размеры полей Чтобы поменять размер элемента формы, ему можно назначить один из классов: .input-sm .input-lg Это что управление высотой контрола или что ?

    Asked by mstdmstd,

    0 votes
    2 answers

  13. Проблема с высотой

    Есть следующая страница https://webref.ru/course/introduction/browser Для создания вкладок используется Foundation 6, jQuery 2.1.4. Сами задания сделаны через H5P (h5p.org) и некоторые из них неверно отображаются из-за какой-то ошибки с высотой контейнера. Есть какие-то советы, в чём проблема и как её устранить?

    Asked by Vlad,

    0 votes
    9 answers

  14. Где ошибка в CSS?

    Посмотрите, пожалуйста http://multmult.ru/1451-lbx-bitvy-malenkih-gigantov.html При наведении на рейтинг серые звёздочки должны отображаться поверх жёлтых, но они почему-то съехали вниз. Самое непонятное для меня, что если открыть инспектор кода и у стиля .unit-rating li a деактивировать, а потом снова активировать стиль position: absolute; , то всё начинает отображаться хорошо.. Что за? Где происходит какое наложение кода? Помогите, пожалуйста.

    Asked by Extazy,

    0 votes
    1 answer

  15. Как правильно верстать с помощью Bootstrap?

    Начал не давно изучать bootstrap, вроди все понятно сетки, навигация, кнопки много компонентов, но я не до конца понимаю как мне правильно применять свои стили? Вот первая работа что настряпал (ссылка на пример) но у меня серовно такое ощущения что я делаю все не правильно. Оцените пожалуйста верстку, правильно ли я верстаю? Как правильно адпатив верстать, сначало mobile first или desktop? Или одновременно надо совмещать? Вроди верстаешь десктоп потом начинаешь под mobile и все рушиться.

    Asked by codemix,

    0 votes
    1 answer

  16. Проблемы с анкорами(якорями)

    Здравствуйте, уважаемые веб-разработчики! Я начал заниматься созданием собственного сайта. Уже его сверстал и добавил нужные скрипты, но перед публикацией столкнулся с проблемой: сайт имеет фиксированную шапку(в ней лого, меню и время) высотой 70 пикселей, зона контента, соответственно, подвижна, в статьях есть якоря и при переходе на них, текст, закреплённый якорем, прячется за шапкой. Может есть какой-то способ установить крайнюю позицию для якоря или что-то типа margin-top для якоря? Ну или скрипт какой, который бы это исправлял? Или я может как-то не так страницу сверстал? Помогите с этой проблемой, почти везде, где искал советуют якорь немного "выше" нужного места …

    Asked by TadeskiOne,

    0 votes
    1 answer

  17. Фиксированный сайдбар, скролл-страница контент

    Верстаю сайт на бутстрапе. Возник такой вопрос. Нужно чтобы левый сайдбар был фиксирован, а правые 2 блока скроллились. Причем сайдбар должен фиксироваться только после того как проскроллится шапка (шапку фиксировать не нужно). Прилагаю макет и примерную схему. P.S. Пробовал класс affix, но что-то не вышло, вероятно я неправильно его использовал.

    Asked by spyrofunk,

    0 votes
    10 answers

  18. Как сделать чтобы на сайте картинки складывались как в контакте блоки с картинками?

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

    Asked by Fizruke,

    0 votes
    0 answers

  19. Как зацентрировать всю конструкцию?

    Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…

    Asked by ilvl,

    0 votes
    2 answers

  20. Программа для создания макета сайта

    Сколько видел, все макеты сайто в PSD. Мне удобнее для себя сделать в Illustrator'e или CorelDraw, хотя и с Photoshop'ом работаю. В чём соль PSD, удобнее потом разбирать? Или верстальщику проще этот формат открыть?

    Asked by prodx,

    0 votes
    9 answers

  21. Как сделать картинку background подстраиваемую под блок?

    Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/

    Asked by perec200,

    0 votes
    10 answers

  22. Анимация SVG с помощью CSS (несколько вопросов)

    Доброго времени суток, делаю прелоадер для сайта: http://codepen.io/karakym/pen/QNdvBj Есть несколько нюансов которые хотел бы узнать у знатоков. 1. На данный момент анимация простая, поворот нескольких элементов в противоположные стороны, так вот по окончанию загрузки сайта нужно остановить анимацию таким способом, что бы она доехала сначала до конца (все элементы прокрутились в исходные позиции) и лишь только тогда прелоадер можно плавно скрывать. Пробовал animation: paused; но это не совсем то что нужно, ведь анимация остановиться в последнем положении при котором загрузилась страница (то есть не докрутиться до изначального положения. Думал сделать способом убирания In…

    Asked by karakym,

    0 votes
    6 answers

  23. Изменение расположения виджета ВК

    Подскажите пожалуйста как изменить расположение виджета ВК группы.

    Asked by РоманМ,

    0 votes
    8 answers

  24. Вертикальный скрол меню с position fixed

    Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…

    Asked by Shurikkan,

    0 votes
    2 answers

  25. Проблема с высотой div-а в сайдбаре

    Всем привет, Вроде бональная проблема, но уже несколько часов не могу ее решить. Есть сайт http://aroundthailand.ru. Слева есть блок "сайдбар" ни в какую не тянится на всю ширину экрана. Изначально сайдбар был прилеплен с помощью скрипта. Функция высчитывала высоту и добавляла новые параметры в CSS. Эту фишку отключил, но теперь образовалась пустая область. Надеюсь на помощь. Заранее спасибо.

    Asked by proflead,

    0 votes
    2 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