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. Проблемы с margin

    Всем привет Ребята объясните пожалуйста принцип работы margin-top от чего он отталкивается? вот код <html> <head> <link href='css.css' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <div class="margin"> </div> </div> </body> </html> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #838485; } .container { margin-left: auto; margin-right: auto; padding: 0px; width: 500px; height: 200px; background-color: blue; } .margin { margin-top: 100px; height: 50px; width: 200px; background-color: red; } и вот результат работ…

    Asked by SnowWind,

    0 votes
    4 answers

  2. Как подлючить меню в Joomla?

    Объясните пожалуйста, если я сделал меню с css стилями, то как в jooml'e его подключить? <div id="nav"> <ul > <li><a href="#">Главная</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Тесты</a></li> <li><a href="#">О методике</a></li> <li><a href="#">Филиалы</a></li> <li><a href="#">Отзывы</a></li> <li><a href="#">Отправить ссылку на участие</a></li> </ul> </div>

    Asked by Noraad,

    0 votes
    4 answers

  3. IE рамка вокруг ссылки

    в css прописано свойство, но не помогает: :focus {outline: 0;}

    Asked by okunev2,

    0 votes
    7 answers

  4. Проблемма с Joomla 2.5 (картинки)

    Здравствуйте, подскажите в чем может быть проблемма. Собственно сверстал простенький макет сайта, с CSS стилями. Использовал некоторые картинки (логотипы, фон и т.д.). Собственно при запуске html файла в браузере все работает на ура. Далее решил создать шаблон для Jooml'ы..Переделал все как нужно. Собственно все работает, но почему-то не отображаются картинки. Тоесть сайт получается голый. Css работает, все как нужно, но ни фона, ни лого нету. Может это распространенная проблемма? Ниже код index.php <?php defined( '_JEXEC' ) or die( 'Direct Access to this location is not allowed.' ); $app = JFactory::getApplication(); ?> <?php echo '<?'; ?>xml version="1.0…

    Asked by Noraad,

    0 votes
    2 answers

  5. Горизонтальное меню с наклонными разделителями

    Доброго времени сток! Ребята, такой вопрос. Хочу сделать менюшку, но не пойму как правильно. Получается примерно так Вопрос в том, как правильно вырезать картинку с разделителем при ховере(hover). Нужна именно картинка! Т.е. нужна кроссбраузерность, минимум от ie7. При этом ширина пунктов меню не должна быть фиксированной. На форуме не смог найти темы. Хотя по идее они должны быть. Буду признателен за помощь.

    Asked by dropoff,

    0 votes
    6 answers

  6. Все смещается !

    Помогите почему при увлечение или уменьшение масштаба страницы все меняется и касит?? http://rghost.ru/42880247

    Asked by skvaer09,

    0 votes
    7 answers

  7. Font-face Generator

    Подсмотрел в сети пример внедрения не стандартных шрифтов через @font-face, вот код: @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/mp_r/mp-regular-webfont.eot'); src: url('../fonts/mp_r/mp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mp_r/mp-regular-webfont.woff') format('woff'), url('../fonts/mp_r/mp-regular-webfont.svg#MyriadProRegular') format('svg'), url('../fonts/mp_r/mp-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } там же в папке fonts лежат эти шрифты и файл generator_config.txt Подскажите сервис где можно сгенировать эти шрифты или урок на русском в сети. Спасибо

    Asked by okunev2,

    0 votes
    3 answers

  8. html картинка кодом

    Есть html страничка, в неё вставляем картинку - иконку. в браузере получаем отображение этой картинки (файла картинки). все типовое, никаких проблем. все работает. Как можно уйти от файла -картинки, вставить в html сам код картинки? ОСновная задача - избавиться от файлов - картинок, но в браузере получить отображение этих картинок? Интересует подсказка - куда копать, как задобрить гугла , чтоб выдал что-то в тему.....

    Asked by Aerrt85,

    0 votes
    5 answers

  9. Один на 2-их(проблема с версткой)

    Исходный код-http://pastebin.com/vkBjpVK6 Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что) Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда Если кто-то может помочь с данной проблемой,просьба отписаться Буду рад любой помощи!

    Asked by Vopub,

    0 votes
    18 answers

  10. Верстка подписей под элементами форм

    Задача: добавить к верстке форм вывод валидационных сообщений. По задумке дизайнера поля и подписи могут быть самыми разнообразными: Сейчас реализовано в связке label (block или inline-block) + input Нужно выводить сообщения непосредственно под инпутом. Например, Проблема в том, что ширина label и отступы могут быть самыми разнообразными. В идеале должен нормально смотреться и многострочный комментарий, т.е. абсолютное позиционирование не подходит. Уже голову себе сломала, но ничего, кроме оборачивания каждого инпута во враппер и вывода error-message прямо под ним, туда не приходит Только вот решение мне это совсем не нравится. Может сталкивался кто-то с таким, подкинь…

    Asked by caprella,

    0 votes
    3 answers

  11. Как такое сверстать (прокрутка колонок с разной скоростью)

    http://remodelista.com/ Прокрутите страницу вниз в любом браузере кроме оперы и посмотрите как ведет себя правая колонка. Как такое реализовать? Еще интересное решение - изменение размера картинки при изменении ширины браузера. С этим вроде разобрался но кто знает простое универсальное решение напишите.

    Asked by likiweaks,

    0 votes
    3 answers

  12. Подскажите по табличной вёрстке

    Всем здравствуйте! Я хотел бы сделать чередующуюся вёрстку, где разделы бы шли некоторые на всю ширину браузера, некоторые в два Например: (названия взяты с "потолка") горячие блюда кондитерка быт.техника для кухни. ремонт техники тесто общ.правила сдобное. для пиццы приправы мясо в духовке. мясные рулеты В общем как-то так для примера, и я хотел бы это сделать средствами CSS в табличной верстке. Понятно, что делать это я буду делать сам, просто никогда этого не делал, и прошу дать какие-то первоначальные "намётки",даль…

    Asked by upriamui,

    0 votes
    2 answers

  13. Тень у текста

    Как делать у текста такую тень средствами css?

    Asked by okunev2,

    0 votes
    7 answers

  14. Проблема с закруглением углов у меню

    Добрый день, мне нужно сделать закругленные углы у меню, в силу не которых задач мне пришлось сделать разметку см. ниже просто закруглить края у ul с классом b-nav, здесь не проходить. Нужно закруглить у первого div c классом b-nav__wrap-item и у последнегою С последним сложности список может раскрываться и закрываться, т.е нужно закруглить у последнего видимого. Помогите пожалуйста уже по разному и со скриптами, не получаются, чувствую что решение должно быть проще, здесь можно посмотреть верстку http://business-dev22.alleanza.ru , левое меню <ul class="b-nav b-nav_level1"> <li class="b-nav__item"> <div class="b-nav__wrap-item"><a href="" clas…

    Asked by chiffenok,

    0 votes
    17 answers

  15. Фиксированный хедер в мобильной верстке

    Доброго время суток. Подскажите, пожалуйста, кто сталкивался со следующей проблемой в верстке под андроид и айфон: необходимо сделать, чтоб при скролле хедер всегда находился в верхней части экрана. Казалось, что нет ничего проще - достаточно поставить position: fixed; top: 0. Но iOS4 не поддерживает данное свойство. При использовании плагина iScrool 4 возникаю проблемы с галереями, которые хочется листать перетаскиванием пальцев. С Hammer-ом получилось тоже самое. Еще как вариант jQuery Mobile, но тоже есть минусы: при зуме хедер всегда прилеплен к левому краю экрана и увидеть его целиком никак нельзя. Сейчас я деаю хедер абсолютно позиционированным и пробую скриптом при…

    Asked by memed,

    0 votes
    4 answers

  16. гуляющие элементы

    Добрый день! Подскажите пожалуйста Делаю простенький шаблончик на вордпресс. Будет выглядеть примерно так но у меня фигня происходит с менюхами при уменьшении размера окна браузера, они съезжают как и див.entry код хедера: и цсс: я нуб во всех этих делах и не понимаю почему так происходит, два дня сидел пробовал менять все что мог. думал дело в position да нифига. Чет понять не могу в чем проблема. Подскажите пожалста, где искать корень проблемы? Как поправить?

    Asked by Jekil,

    0 votes
    7 answers

  17. стили для скролла

    есть ли на данный момент хоть какой нибудь кроссбраузерный способ изменить стиль скролла в div'е? с помощью css или javascript. уже очень давно бьюсь, в интернетах нашел только для ie 6+, но мало кто нынче пользуется ie. заранее спасибо

    Asked by Wertmax,

    0 votes
    2 answers

  18. a:hover::first-letter

    Хочу чтоб при наведении на ссылку менялась первая буква в слове, но данный код это не делает. a:hover::first-letter { color: #00bff3; } Как сделать правильно?

    Asked by T@NKIST,

    0 votes
    6 answers

  19. Проблемы с отступами в таблице

    Создал таблицу 960x130 добавил туда 4 <td> 240x130 поместил туда картинки 240x130 убрал все поля которые только знаю border-spacing: 0px; padding: 0px; margin: 0; border: none; Но внизу остается промежуток в 5px (для наглядности красный bg) в общем не знаю, как убрать его, помогите, пожалуйста http://jsfiddle.net/npofopr/da88b/

    Asked by 6hall,

    0 votes
    3 answers

  20. Высота ссылки

    Задая : a { height: 16px; font-size: 16px; } я не могу получить того чего хочу. Как сделать правильно?

    Asked by T@NKIST,

    0 votes
    2 answers

  21. Испольщование тега fieldset

    Насколько корректно использовать тег fieldset чисто в декоративных целях, как уже стилизованную рамку? Как например это реализовано на скриншоте

    Asked by Ge1i0N,

    0 votes
    5 answers

  22. Проблема с подключением LESS

    Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…

    Asked by Kuzyo,

    0 votes
    3 answers

  23. Форма, стандартное value

    Как сделать чтобы при клике на поле формы убералась стандартная надпись в каждой строке? Это можно сделать только средствами CSS? или нужно JS привлекать? сайт на котором провожу експеременты: _novarobota.in.ua

    Asked by myav4ik,

    0 votes
    3 answers

  24. Cделать рамку из кусков картинки Помогите

    Значит есть блок допустим <div class="wrapers"> Внутри контент</div> Надо вокруг wrapers сделать рамку из картинок картнки нарезаны таким образом http://s019.radikal.ru/i609/1301/df/ef4d9f7a1074.jpg Красные блоки это картинки которые соеденяться в рамку вокруг wrapers Как это примерно сделать?

    Asked by Savok32,

    0 votes
    4 answers

  25. Не выходит подключить скрипт jQuery Scroll To

    Почему то не хочет анимироваться скролл страници, вот коды: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> <script type="text/javascript">*** $('#eek a').click(function(){*** var str=$(this).attr('href');*** $.scrollTo(str,500);*** return false;*** });*** </script> вот ссылка где прикреплён якорь: <h2 id="eek"><p>8.10 Запрещено использование игроков не заявленных на турнир за команду</p></a></h2> вот сайт, клацните на "(Важно! Смотрите пункт 8.10 в правилах)", там должно анимировано перенести на 8.10 пункт, н…

    Asked by eek,

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