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. При наведении исчезает картинка

    У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …

    Asked by Daniil Khanin,

    0 votes
    2 answers

  2. Как сделать такую полоску?

    Посмотрите на этот макет: http://f-lite.ru/lfp/i023.radikal.ru/1405/c8/027ef6b4990d.jpg/htm там есть слово MEDIA и полоска идет. так вот, как ее можно осуществить?

    Asked by WEB-best,

    0 votes
    2 answers

  3. Помогите определиться как именовать сущности

    Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?

    Asked by Zverushka,

    0 votes
    4 answers

  4. переход от блока к блоку в виде стрелки

    http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.

    Asked by Zverushka,

    0 votes
    0 answers

  5. Как сделать такую рамку?

    http://joxi.ru/UDprU_3JTJA3U4xzJu8 как сделать такую рамку?

    Asked by Zverushka,

    0 votes
    3 answers

  6. Позиционирование блоков с наездом

    Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?

    Asked by cul8er,

    0 votes
    4 answers

  7. Сбился код! Удалила div, помогите восстановить!

    Случайно удалила где-то div.. Помогите восстановить! Сбился именно BLOCK RIGHT, он не отображается на сайте <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> #%HEAD%# <link rel="stylesheet" href="/tpls/default/images/style.css" type="text/css" media="screen, projection" /> <!--<link rel="stylesheet" href="/js/jquery.pointpoint/jquery.pointpoint.css" />--> <!-- [if lte IE 6]><link rel="stylesheet" href="/tpls/default/images/style_ie.css" type="t…

    Asked by marianna9201,

    0 votes
    2 answers

  8. Блок заказа поверх страницы

    Добрый день! Можете подсказать, как ввести аналогичный алгоритм показа блока заказать звонок поверх страницы, также как указано на этом сайте? http://bloky.ru/ Когда нажимаем кнопку "Заказать обратный звонок", появляется форма заказа поверх страницы. Как можно написать такой java-код либо можно ли его позаимствовать с этого же сайта?

    Asked by marianna9201,

    0 votes
    2 answers

  9. Закрепление картинки в правой части страницы по середине

    Добрый день! Помогите, пожалуйста! Нужно закрепить картинку 40*150 px к правому краю страницы, сделать её зафиксированной при прокрутке. Картинка должна быть с ссылкой. Можно ли как-нибудь это сделать? Пример: на многих сайтах висит зафиксировано кнопка "задайте вопрос оператору". Нужен код для аналогичной картинки-ссылки..

    Asked by marianna9201,

    0 votes
    3 answers

  10. :lt, :gt, :eq какова поддержка браузерами?

    Удалите тему плз

    Asked by Zverushka,

    0 votes
    8 answers

  11. Как сделать такой вид контента?

    Здравствуйте! Как сделать такой вид контента как на картинке, много таких сайтов видел. чтобы каждый блок начинался после окончания предыдущего. Заранее спасибо.

    Asked by Даниил Виттманн,

    0 votes
    4 answers

  12. стандартное поле загрузки файла в форме. проблема с value

    помогите пожалуйста разобраться существует стандартное поле загрузки файла. не понятно где в разметке хранится имя загруженного в форму, но ещё не отправленного файла. на моём рисунке видно, что в инспекторе value="23", но на экране браузера загружен файл eat.jpg

    Asked by cyklop77,

    0 votes
    5 answers

  13. кнопка меню - прямоугольник под наклоном

    Добрый день. У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке

    Asked by Nailya,

    0 votes
    5 answers

  14. Не понимаю на что ругается валидатор

    Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />

    Asked by McLotos,

    0 votes
    5 answers

  15. Помогите пожалуйста с темой BRUSHED

    Понравился сайт на HTML5 и решил в нем покопаться, но т.к учусь верстать недавно, сайт вызвал восторг, но у меня не получается следующее. — на слайд шоу надпись "BRUSHED", не могу найти где её изменить — не могу настроить контактную форму _______ Если кому не трудно помогите, два дня уже копаюсь. Так же прикладываю архив с сайтом. http://yadi.sk/d/Rjz34RsmPFVVv

    Asked by Masta__Mike,

    0 votes
    5 answers

  16. Таблицей или дивами?

    Содержимое, выделенным красным цветом, сверстать таблицей или дивами?

    Asked by DivMan,

    0 votes
    8 answers

  17. как классу .title сделать максимальную ширину до класса .some?

    как классу .title сделать максимальную ширину до класса .some если оба класса в одной строке? код тут http://jsfiddle.net/mkWm2/1/

    Asked by kowapos,

    0 votes
    1 answer

  18. Сколько денег можна взять за верстку этого сайта ?

    Сколько денег можна взять за верстку этого сайта ? http://bmdekor.ru/

    Asked by Shenia132,

    0 votes
    15 answers

  19. я нечаянно выключил комп

    Когда верстал сайт, я нечаянно выключил комп и когда теперь открыл файл style.css там сплошной NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NULкак исправить? все стили пропали, обидно может кто-нибудь сможет восстановить http://file.sampo.ru/jgndfr/

    Asked by DivMan,

    0 votes
    16 answers

  20. Проблема с горизонтальным меню

    Всем привет! У меня такая проблема: не могу отформатировать горизонтальное меню. Пример можете посмотреть здесь http://testshop.mcdir.ru/ Скачал его на rudebox но у меня оно почему то не работает. помогите, плиз!!!

    Asked by sayapinant,

    0 votes
    6 answers

  21. Углы на css

    Помогите сделать на css. Может кто статейку с подобным заданием скинет, буду благодарен.

    Asked by fireman691,

    0 votes
    1 answer

  22. Помогите найти ошибку.

    Добрый вечер! Есть проект http://test.tvshop-kz.com. Когда посетитель нажимает на "В корзину" появляется корзина, которая показывает количество товара и общую стоимость. Но есть два странных момента: 1.Не все товары можно добавить в корзину, при попытке добавить некоторые товары, вместо них добавляется какой-то другой. 2.Если в аттрибут id товара вставлять его id а не имя, то добавление вообще не работает. Подскажите куда копать. function incart(id,val){ var checkboxes = document.getElementsByTagName('input'); var sum=0; var carted = 0; var l = checkboxes.length; for (var i=0; i < l;i++) { var checkbox = checkboxes[i]; if (checkbox.type == 'checkbo…

    Asked by McLotos,

    0 votes
    2 answers

  23. картинка в input

    Как сделать так, что бы текст начинал печататься внутри рамки, а не впритык? http://jsfiddle.net/Su5Pa/

    Asked by DivMan,

    0 votes
    5 answers

  24. Есть ли на примете похожая программа?

    https://tinypng.com/ Только оффлайн.

    Asked by SKSKSS2013,

    0 votes
    3 answers

  25. table-cell

    обязательно ли разметка должна быть такой? <div class="table"> <ul class="table-row"> <li class="table-cell">Ячейка 1</li> <li class="table-cell">Ячейка 2</li> <li class="table-cell">Ячейка 3</li> </ul></div>или можно воспользоваться только table-cell

    Asked by DivMan,

    0 votes
    1 answer

  • Обсуждения

    • 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