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. Баг в IE при использовании капители

    Мне нужно сверстать ссылку вот такого вида: http://jsfiddle.net/h58gq1kr/2/ Если удалить точку перед словом «сам», то оно становится на одну линию с «летает». При наличие точки в IE «.сам» ниже на 1 пиксел. Можно ли решить эту проблему иначе, чем созданием отдельного стиля для IE с другим значением line-height?

    Asked by PavelTkachev,

    0 votes
    10 answers

  2. box-shadow по параметрам юлюстратора

    Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?

    Asked by okunev2,

    0 votes
    6 answers

  3. Перемещение ровно на 20 пикселей правее

    Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

    Asked by xTODx,

    0 votes
    1 answer

  4. Как сверстать такое?(2)

    Всем доброе утро, день, вечер! Сабж. P/S. Мои предложения: просто выровнять по центру картинку как она есть, а кругляшки меню спозиционировать абсолютно. Так же, внизу(ниже центральной картинки) есть 2 стрелочки как будто центральная часть это какой-то слайдер, чтоли?

    Asked by Flexible Curd,

    0 votes
    3 answers

  5. Как выделить все элементы в списке

    Можно ли сделать кнопку или ссылку чтобы при клике выделялись все элементы в списке? Вот заготовка - http://jsfiddle.net/4xugpz6d/

    Asked by alleclf,

    0 votes
    4 answers

  6. Скрипт для ввода символов

    Есть некий код, где для ввода цифр в <input> используются символы, заключенные в <button>. С помощью maxlenght=4 тега <input> удалось ограничить ввод символов в него до 4-х, но только с клавиатуры. Но если вводить цифры нажатием на символы в <button>, работает скрипт, цифры вводятся, но ограничение на 4 символа не работает. 1. Подскажите, как исправить это. 2. Как по достижении 4-х символов в <input> выводить функцию?? (какую - неважно) <html><head><title></title><meta name="keywords" content=""><meta http-equiv="content-type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="" type="…

    Asked by Алексей2802,

    0 votes
    4 answers

  7. background-size: cover; IE8

    Добрый день. Подскажите пожалуйста какой нибудь хак, библиотеку, костыль. Который научит ie8 понимать и применять правильно свойство "background-size: cover", без повторного указания нужных блоков и изображений, а на основе готовой верстки. А то все что встречал требуют инициализацию необходимых блоков через js или указания повторного пути к изображению в CSS. Заранее благодарю за ответы!

    Asked by li4e,

    0 votes
    2 answers

  8. SVG траблы

    Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?

    Asked by Sergik+,

    0 votes
    7 answers

  9. Непонятная ситуация со шрифтом

    Какая-то непонятная ситуация со шрифтом. В макете используется шрифт PF Square Sans Pro Medium. (скрин: http://savepic.su/4834376.png ) Но файл со шрифтом называется pfsquaresanspro-medium (скрин: http://savepic.su/4837448.png ) Вопрос: Почему разные названия? Какое название писать? PF Square Sans Pro Medium или pfsquaresanspro-medium? Почему спрашиваю: Я написала шрифт по названию файла font-family: 'pfsquaresanspro-medium';Но он не похож на шрифт, который в макете. (скрин: http://savepic.su/4831304.png ) Так тоже указывала шрифт: font-family: PF Square Sans Pro Medium;И так тоже: font-family: PF Square Sans Pro;Ничего не помогает. Правило @font-face указала …

    Asked by Alfa2015,

    0 votes
    22 answers

  10. CSS-хак для IE9 воспринимает Chrome

    Для IE9 существует css-хак ":root" : :root .style { font-size: 15px !important\9; } Тем не менее, данный хак воспринимает Chrome и Firefox. Если убрать в коде "\9" :root .style { font-size: 15px !important; }то ничего не меняется. Подскажите, пожалуйста, как решить проблему? UPD: Проблема решает изменением кода: :root .style { font-size: 15px \9 !important; }Вопрос можно закрывать.

    Asked by TorchTT,

    0 votes
    1 answer

  11. Короткие тексты с картинками

    У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?

    Asked by PavelTkachev,

    0 votes
    4 answers

  12. Как лучше обрезать текст

    Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете

    Asked by Anna Zharova,

    0 votes
    16 answers

  13. Проблема при входе на сайт

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

    Asked by FitTech,

    0 votes
    1 answer

  14. Position vs translate

    Заменит ли когда-нибудь transform: rotate на position?

    Asked by DivMan,

    0 votes
    8 answers

  15. Как сверстать такое?(1)

    Всем доброе утро, день, вечер! Сабж.

    Asked by Flexible Curd,

    0 votes
    6 answers

  16. Заголовки страницы - Header

    Всем привет! На сколько я знаю, заголовки отправляются до вывода какой-либо информации на страницу. Но у меня в одном случае возникает предупреждение "Cannot modify header information...", а в другом нет Тут никакого предупреждения нет: http://joxi.ru/52aJekqfZWMMA0 А тут есть: http://joxi.ru/RmzvQqpSGd1ZmO Не могу понять, в чем может быть дело

    Asked by Antoshka007,

    0 votes
    3 answers

  17. Недо-Таблица

    В наличии код css https://www.dropbox.com/s/ctkoknmvzklaa45/Variant%202.doc?dl=0 <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;background-color:#8000ff;min-height:100%;position:relative;padding:0;margin:0;}div{width:1024px;background-color:black;color:#fff;margin:1px 0px 1px 1px;}h1{text-align:center;padding:2px;font-size:33px;color:white;padding:25px 0 0 0;}<h1>Наталья Смирнова Юрия Гумен</h1>table{border-collapse:collapse;}table, td, th{border:1px solid black;}td {width:575px;background-color:black;color:#fff;padding:0 10px;}p{text-align:justify;font-si…

    Asked by BituM,

    0 votes
    4 answers

  18. Текст для определенного размера экрана

    Для стилей использую конструкцию вида - <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">Интересует, как можно в самом коде html делать подобные решения. Например, если экран устройства больше 480 пикселей вывести <div>вход на сайт</div>а если меньше <div>вход</div>То есть, как менять не только стили, но и элементы странички.

    Asked by alleclf,

    0 votes
    5 answers

  19. Ссылки внутри <nav>

    Изучаю спецификацию HTML5 и обнаружил, что рекомендуется внутри элемента <nav> ссылки делать не столбом, как я всегда делаю, а помещать их внутри <ul>. <nav> <h2>Navigation</h2> <ul> <li><a href="articles.html">Index of all articles</a></li> <li><a href="today.html">Things sheeple need to wake up for today</a></li> <li><a href="successes.html">Sheeple we have managed to wake</a></li> </ul> </nav> Чем это может быть полезно? Вредно увеличением числа элементов DOM.

    Asked by PavelTkachev,

    0 votes
    12 answers

  20. Как выровнять картинку по горизонтали без указания ширины?

    Возможно ли выровнять картинку по горизонтали без указания ширины? Я сделала это с помощью padding'а....но последняя картинка не выровнена посередине относительно текста и понятно почему. Как сделать выравнивание правильно? Вот код: http://cssdeck.com/labs/ryg3qje3

    Asked by Alfa2015,

    0 votes
    3 answers

  21. создание странички для радио

    Здравствуйте, необходимо сделать простою страничку для местного радио по интернету. Фон при нажатии F5 или обновить страничку браузера будет всегда меняться, возможно заместо картинки будет красивая gif-анимация - понимаю, что в этом случае страничка потяжелеет, интересует может всё таки оставить просто картинку? На страничке будет плеер который будет проигрывать радио Также на страничке будет счётчик сколько людей сейчас сидит на этой страничке. Вопрос: Какие минимальные знания нужны для создания сей страницы. Хочется, чтобы страничка была легко весом и без применения всевозможных cms т.е написана на языках программирования. Подозреваю необходимо будет воспользоваться…

    Asked by mrfrankinshtain,

    0 votes
    1 answer

  22. Сайт сканвордов

    Хотелось бы мне открыть сайт сканвордов. Но только они будут графическими, т.е. в виде какого-нибудь рисунка, извилистые, т.е. слова-ответы будут идти не строго по горизонтали или вертикали, а под углом. Какие средства, знания для этого потребуются? Пока что изучил html и css в самоучителях на htmlbook.ru. Обязательно ли для этого ещё javascript изучать? И как быть со специальными графическими редакторами для создания веб-страниц? Я слышал про тег <canvas>. Но там по-моему надо по пикселям угадывать, где какая линия рисунка будет проходить... Можно ли было бы сразу из Corel Draw экспортировать рисунок в веб-страничку. Или существуют другие графические редакторы?

    Asked by Сергей_Б,

    0 votes
    5 answers

  23. Условия открытия страницы без флеш

    Есть 2 верстки 1 с флешем другая без. Надо сделать, чтобы при наличии флеш открывалась страница с ним, а если флеш не работает, то с версткой на картинках. Как это сделать?

    Asked by aquapasha,

    0 votes
    9 answers

  24. Как такое сделать

    посмотрите http://hostingkartinok.com/show-image.php?id=77269bca7adeecced295e549fb52bd1b здесь машину можно выделять. это как реализовано?

    Asked by raptor-dm,

    0 votes
    17 answers

  25. footer изменение информации с помощью css

    <footer> тут написана нужная инфа </footer> как прописать в footer в css что бы он был сразу заполнен определённым текстом, а не заполнять на каждой странице footer отдельно заранее спасибо

    Asked by zedart,

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