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. Не работает макет сайта.

    Привет всем. Занимаюсь версткой совсем недавно. Прочел тему, что если сделать один блок с width: auto; и margin-left: 200px; а второй с фиксированным width: 200px; и float: right; то будет хороший макет с фиксированной колонкой справа и "резиновой" колонкой справа. Однако это почему-то не работает... Дивы накладываются друг на друга... А должны идти друг за другом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя</title> <style> .div1{ border: 4px solid black; width: auto; margin-right: 200px; } .div2{ float: right; width: 200px; border: 4px solid black } </style> </head> <bod…

    Asked by Ваалентин Семенович,

    0 votes
    1 answer

  2. не работает марджин

    привет...в футере не работает марджин, не могу понять почему <div id="footer"> <a class="sitemap" href="#">Карта сайта</a> </div> #footer { width:795px; height:59px; background: url(../img/footer.jpg) no-repeat; margin-left:20px; margin-top: -6px; } a.sitemap { color:#0099FF; font:14px "Myriad Pro"; margin-left:30px; margin-top:16px; /*тот что не работает*/ height:15px; width:74px; } подскажите пожалуйста

    Asked by andys,

    0 votes
    10 answers

  3. Не работает медконсультант

    Добрый день! На многих сайтах использую один и тот же код консультанта (нижний правый угол) , но на этом http://slimskin.ru/ он почему-то не открывается, хотя все добавлено так же.. Подскажите, в чем может быть дело?

    Asked by fowl,

    0 votes
    0 answers

  4. не работает меню

    навожу курсор на меню, но ничего не происходит, хотя до того как вставил в код слайдер, все работало, с чем может быть связано? вот коды HTML- <body> <div class="header"> </div> <div style=" width:1260px; height:1700px; background: url(images/fon.jpg) ;"/> <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> …

    Asked by aleksej,

    0 votes
    4 answers

  5. Не работает меню

    Всем привет, народ, есть сайт: http://bodys.top/ Я туда хочу добавить меню. Взял его вот отсюда: http://www.ibody.su/ А именно "Для похудения", "Акции и распродажи", "Уход за ногами" и тд. Проблема в том, что при наведении элементы меню не ведут себя как ссылки, при наведении не меняют цвет, где стрелки - не выпадает меню. Я скопировал полностью верстку этого меню с http://www.ibody.su/ , А именно div с классом section--main_menu row, полностью template.css скопировал. Если локально на пустой странице делаю - всё работает, а вот если на свой сайт пытаюсь вставить - вот такая вот беда. Помогите народ кто может пожалуйста.

    Asked by fenix_63,

    0 votes
    1 answer

  6. Не работает меню в IE7

    В IE7 ,XP, разрешение экрана 1280х800 (ноутбук), при уменьшении Ctrl - и увеличении Ctrl +, ссылки в меню съезжают влево, линии остаются на месте. В Firefox 4 и 5 работает нормально. В IE8 на персональном компьютере работает нормально. У меня не получается сделать, так чтобы не разъезжалось, может кто-то поделится опытом. Заранее благодарю. Верстку шаблона мне делал фрилансер, я немного понимаю в html и css, но найти где ошибка не получается. http://savepic.org/1908623.png http://savepic.org/1962894.png Код меню в index.html <div id="menu"> <div class="headsl">{$box_SEARCH}</div> <ul> <li{$1}><a href="{$mainpage}">Главная</a> …

    Asked by Olekh,

    0 votes
    4 answers

  7. Не работает мобильное меню

    Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/

    Asked by garmoni,

    0 votes
    19 answers

  8. Не работает модальное окно!!! НЕ ПОЙМУ!!!

    Доброго времени суток! Проблема: не работает модальное окно. Т.е при нажатии на ссылку ничего не происходит. Кнопка есть, подключенный файл со скриптом есть. Jquery подключен. Ссылка связана с блоком, который должен всплывать. сделал все по инструкции. Я не профи но вроде немного разбираюсь. Я уже все глаза высмотрел!!! В чем дело не пойму. Делал по этой инструкции: http://dbmast.ru/modalnoe-okno-s-pomoshhyu-css-i-jquery Выложил код в Jsfiddle. Прошу подскажите в чем может дело! https://jsfiddle.net/#&togetherjs=sVlwnJV0mM

    Asked by lavrentyev,

    0 votes
    5 answers

  9. не работает мой первый скрипт:(

    при нажатии на кнопку цвет должен меняться цвет текста в диве на красный , но почему то этого не происходит???? <form> <input type="text" size=20 value="" id="firstOperand"> <input type="button" value="vivesti" onClick="document.getElementById('rez').innerHTML=document.getElementById(' firstOperand').value"><br> <input type="button" value="цвет" onClick="document.getElementById('rez').color='red'"> </form> <div id="rez" >здесь будет текст </div>

    Asked by olechic,

    0 votes
    2 answers

  10. Не работает нестандартный подключённый шрифт

    Подключаю шрифт @font-face{ font-family:HelveticaNeueCyr-Roman; src: url("font/HelveticaNeueCyr-Roman.otf")}потом прописываю p{ font-family: HelveticaNeueCyr-Roman;}И почему не работает? Пути указаны правильно. Но почему-то, если это шрифт закинуть в папку с остальными шрифтами винды, и подключить как обычно, то он работает. я разобрался, в начале пути добавил ../

    Asked by DivMan,

    0 votes
    1 answer

  11. Не работает обратная связь

    Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо

    Asked by Edmaynert,

    0 votes
    1 answer

  12. Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera

    Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…

    Asked by chester40,

    0 votes
    7 answers

  13. Не работает открытие ссылки в фоновой вкладке

    При клике колесом мыши (или левой кнопкой мыши при зажатом Ctrl) по темам форума, они не открываются, при том не у всех. Общался с администратором, он чистил куки, кэш и прочее. В чём проблема и как это можно исправить?

    Asked by iBars,

    0 votes
    3 answers

  14. Не работает относительный height, в DIV

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> При попытке присвоить DIV-у свойство "height:100%;" оно не срабатывает. Height:100%; работает только, если удалить doctype. Однако, после удаления doctype код не проходит валидацию и в IE получается "каша" ВОПРОС: Как, не удаляя doctype, "убедить" DIV воспринимать относительную высоту???

    Asked by hui_znaet,

    0 votes
    2 answers

  15. Не работает отступ между слов

    del

    Asked by Ergonav,

    0 votes
    3 answers

  16. Не работает парсер

    Почему не работает скрипт для разбора CSV? http://jsfiddle.net/PQBJP/5/

    Asked by Тёмик,

    0 votes
    4 answers

  17. Не работает перекат изображенияв FireFox

    Здравствуйте! Прочитала статью на этом сайте про перекат изображения - смена картинки под ссылкой при наведении курсора. В Opera и IE вс? работает хорошо, а в FireFox'е - почему-то нет. Может, кто подскажет, в чем проблема может быть?

    Asked by Margooo,

    0 votes
    11 answers

  18. Не работает перекатывание картинки в Хроме и Опере

    Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

    Asked by roland,

    0 votes
    2 answers

  19. не работает перенос

    код: <a href="?do=chat" class="blockset"><img src="messenger.png" alt="Иконка"><p>Чат</p></a> <a href="?do=static" class="blockset"><img src="window_2.png" alt="Иконка"><p>Страницы</p></a><br> <a href="?do=users" class="blockset"><img src="users.png" alt="Иконка"><p>Пользователи</p></a> css .blockset,.blockset a { text-decoration: none; color:black; display:block; text-align:center; border-radius: 5px; border: 1px solid black; width:100px; height:85px; margin-left:10px; float:left; font: 11px Arial; background-color:#eeeeee; margin-bottom:10px; } когда на …

    Asked by AquaGen,

    0 votes
    5 answers

  20. Не работает плагин для вертикального меню.Подскажите как настроить!

    Здравствуйте!У меня есть уже существующий сайт со всеми настройками. http://shtori-mechta.dn.ua хочу 1.видоизменить форму кнопок страниц и 2. нужно чтоб дочерние страницы от страницы "Портфолио" выезжали в сторону. Я нашла соответствующий плагин который хочу применить .я его устанавливаю , а изменений не происходит вот этот плагин http://goldserfer.ru/wordpress-plagin-vertikalnogo-menyu/ на одном форуме сказали что у меня кнопки существующие сделаны как картинки , а вот как найти где они установлены не знаю,по сути думала что где то в самой главной,но как до нее добраться не знаю) Подскажи пожалуйста как это сделать,нигде не могу найти решение данной проблемы.Зара…

    Asked by katyllina,

    0 votes
    0 answers

  21. Не работает подсветка синтаксиса notepad++

    Доброго здоровьица, Установил notepad++, включил подсветку штмл, но она работает почему-то не полностью http://imglink.ru/show-image.php?id=7f3077e1708728da1102d7be1d733ccd. Например не подсвечиваются комментарии и многое другое. Контент выделен жирным шрифтом и т.д. Как установить подсветку, которая испльзуется на этом сайте в примерах?

    Asked by Антон82,

    0 votes
    4 answers

  22. Не работает подстветка активной ссылки

    подскажите пожалуйста в чем может быть проблема? Вообще все верно выведено? В общем хоть что-то подскажите, чтоб знать стоит ли биться с этим. Спасибо. } ul.menu-root-categories li .underlined-bold:link, ul.menu-root-categories li .underlined-bold:visited { color: #FFFFFF; font: bold 12px tahoma, verdana, arial, sans-serif; } ul.menu-root-categories li .underlined-bold:hover { color: #FF0066; font: bold 12px tahoma, verdana, arial, sans-serif; } ul.menu-root-categories li .underlined-bold:active { color: #FF0066; font: bold 25px tahoma, verdana, arial, sans-serif; }

    Asked by bose,

    0 votes
    1 answer

  23. не работает позиционирование

    в общем по уроку клепаю блоки и началась тема позиционирования, при приклеплении картинки она просто висит внутри блока, хотя при смене параметров top и left она должна применять их свойства, но ничерта не происходит и при создании div контейнера, задав ему параметры и цвет, блок не создается, даже не знаю в чем проблема, помогите разобраться. Интересующие элементы #new и #container <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style_p.css" type="text/css" rel="stylesheet" /> <title&gt…

    Asked by maxsnw,

    0 votes
    2 answers

  24. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.

    Asked by DmiUr,

    0 votes
    2 answers

  25. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…

    Asked by DmiUr,

    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