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. Подскажите, пожалуйста

    Здравствуйте! Подскажите, пожалуйста, у меня, есть блок с 4 картинками 500х1000px, как сделать что бы на странице в нормально состоянии они были обрезаны 500х500 а полностью ”открывалась” только при наведении мыши? Как то так:

    Asked by stan07,

    0 votes
    2 answers

  2. Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?

    Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/

    Asked by noname1,

    0 votes
    0 answers

  3. Подскажите, пожалуйста, не могу привязать картинку-фон к ссылке...

    Подскажите, пожалуйста: мне нужно сделать ссылку на определенном фоне. Сделал. А вот чтоб при наведении на эту ссылку менялся не только цвет ссылки, но и фон под ней ну никак не могу добиться((( Уже два часа парюсь, хоть стреляйся.

    Asked by admelj,

    0 votes
    3 answers

  4. Подскажите, пожалуйста, со стилем Яндекс.карты

    Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать border-image вокруг яндекс.карты на страничке. Код страницы <div class="map-border"><div id="YMapsID-5652" style="width:350px;height:270px"></div></div> css #map-border { border-width: 25px 30px 10px 20px; -moz-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; -webkit-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; } Бордюр не отображается.. в чем намудрила, никак не пойму Т_Т Заранее благодарю за помощь всех откликнувшихся

    Asked by Skazzi,

    0 votes
    4 answers

  5. Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

    Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит? И как с этим бороться? Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину. Ссылка на HTML и CSS https://jsfiddle.net/j6z93mmk/

    Asked by TEO_911,

    0 votes
    1 answer

  6. Подскажите, почему отступ не делается корректно?

    Здравствуйте. Есть проблема, у меня есть контейнер и в нем еще один блок, так вот я хочу задать отступы с лева и с верху для данного блока. Отступ слева работает нормально, а при отступе сверху контейнер снижает в низ к блоку. И еще когда ставлю рамку контейнеру, то все работает нормально. Совершенно ничего не понятно. Вот код <html><head><title>Go.</title><link rel="stylesheet" href="ppp.css"></head><body><div id = "container"> <div id = "menu" > </div> <div id="img"> </div> <div id="title"> </div> <div id="text"> </div> <div id="copyright"> </div></div&…

    Asked by slavador,

    0 votes
    1 answer

  7. Подскажите, проблема с таблицами

    Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 2мя колонками. В этих колонках уже сделал дивы с заголовком и самим контентом. Сама проблема: Наполнинл 1ю колонку заголовком+несколько скриншотов и кнопок, когда начал наполнять 2ю колонку, заголовок 1й начинает отступать от top элемента вниз, как показано на скриншоте. Не пойму в чем может быть проблема. Мой быдлокод, css: .backgrnd1231445{ position: absolute; width: 100%; height: auto; background: url(/img/fon.jpg); background-repeat: repeat; background-attachment: scroll; } #mainwrapper { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom…

    Asked by tmEuphoria,

    0 votes
    4 answers

  8. Подскажите, умные люди!

    есть форма,которую нужно разместить на всю ширину блока,и все бы хорошо,но когда добавляешь к текстовому полю рамку все плывет! как выйти из этой ситуации,чтоб форма с рамкой заняла всю ширину блока? <style> .width {width: 224px;height: 100px;margin: 0 auto;border: 1px solid ;}input[type=text] {width: 144px;outline: none;float: left;height: 33px;border: none;line-height: 1;font-size: 12px;padding-left: 10px;/* border: 1px solid; */}button {border: none;width: 70px;height: 35px;}</style> <div class="width"> <form action="#" method="POST"><input type="text" placeholder="Text..."><button>Кнопка</button> </form></div>

    Asked by My}I{uK,

    0 votes
    6 answers

  9. Подскажите, что за шрифт (см. картинку)

    Ребят, скажите, если знаете, как называется шрифт на картинке или подскажите похожий, чтобы работало с кириллицей.

    Asked by Squidward,

    0 votes
    3 answers

  10. Подскажите, что означает контекстное форматирование?

    Вот читал статью про свойство float на Хабрахабре. И у меня возник вопрос что означает сочетание слов "контекстное форматирование"? Объясните пожалуйста, а то я вхожу в ступор. Я так понимаю, что внутри элемента находятся другие элементы, на подобии контекстного меню (при щелчке правой кнопкой мыши). Вот например: http://img834.imageshack.us/img834/9519/screenshot20120424001.png

    Asked by mrnobody,

    0 votes
    0 answers

  11. Подскажите, что тормозит на странице?

    Добрый день всем! С праздником Рождества Христова! Всем здоровья и счастья! Подскажите, не могу понять, что тормозит появлению картинок на странице КУПИТЬ, а также карусель на главной странице?? Спасибо!

    Asked by Vic-Tor,

    0 votes
    5 answers

  12. Подскажите, что это за шрифт?

    Сегодня обновил Itenes и увидел шрифт, который очень понравился. Подскажите, что это за шрифт?

    Asked by GuitarFan,

    0 votes
    3 answers

  13. Подскажите,как выровнять...

    Всем привет,я в этом совсем новичек,мне необходимо собрать страницу с видео в HTML,у меня первое видео стоит правильно,а второе мне надо,чтобы оно находилось правее,чем первое,а оно почему то оказывается правее,но внизу. Картинку прикрепить не смог,поэтому выкладываю ссылку на скрины: Скрин1 Это код,который прописан: Скрин2 Подскажите,как мне правильно все прописать,чтобы все было ровно?

    Asked by Wings,

    0 votes
    5 answers

  14. Подскажите,не хватает опыта при верстке специфического фона для блока

    При верстке фона для блока возникла проблема. Фон специфической текстуры с шумами,а также присутствует градиент... http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-4.png Вырезать кусок по всей высоте и пикселей 10 по ширине а потом его размножить по горизонтали не помогло,получается неаккуратно и некрасиво! Возможно есть другой подход к этой проблеме,но я о нем не знаю) http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-7.jpg

    Asked by My}I{uK,

    0 votes
    3 answers

  15. Подскажите: как сделать в CSS такое?

    Здравствуйте, подскажите как можно сие реализовать посредством CSS: 1) Заглавная буковка другим цветом - РЕШЕНО 2) Оранжевая полоса - НЕ РЕШЕНО

    Asked by werdi,

    0 votes
    18 answers

  16. Подскажите!

    Ну вот! .row2{ background:#161616 url(wow_ru/post-bg1.gif) repeat-x top; } Как его растянуть на всю! Что бы не пострадали остальные части форума?

    Asked by angelShlesser,

    0 votes
    0 answers

  17. Подскажите. Вордпресс. Окно поиска от гугла.

    Не погу понять, как мне поменять этот ужасный значок на сайте http://om911.com/ Имею ввиду значок поиска. В html css новичок. firebug смотрел, но не понял, где именно он меняется.. спасиб

    Asked by sergeyshat,

    0 votes
    2 answers

  18. Подскажите. как через стили наложить текст ссылку на картинку

    Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.

    Asked by Mants,

    0 votes
    4 answers

  19. Подскажите. что лучше использовать в моём примере JS или PHP?

    Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?

    Asked by Анна,

    0 votes
    11 answers

  20. Подскажите..

    Подскажите пожалуйста простой, но надежный скрипт опросаголосования. Я уже столько всего обыскал, а нормального скрипта не нашол. Очень важе настраеваемый дизайн. И еще..Это очень-очень важно....помогите зделать так чтоб к тексту можно было писать комментарии. Тоесть у меня каталог онлайн игр..на одной странице десять игр и мне нужно что б к каждой из этих игр можно было писать комментарии... Это все очень нужно.. Всем сразу огромное спасибо...

    Asked by Cyrax,

    0 votes
    11 answers

  21. Подскажите...

    Подскажите плиз как сделать такой фон или где найти уже готовый

    Asked by zeep,

    0 votes
    6 answers

  22. Подскажите....

    Меня интересует такой момент... Предположим, с сайта, на клиентскую машину грузится некая html-страничка, использущая правила css, внедр?нные в блок заголовка. Так вот вопрос: когда будут применяться стили для отображения страницы: 1) уже в процессе загрузки страницы или 2) только после е? полной загрузки браузером?

    Asked by Udauken,

    0 votes
    3 answers

  23. Подскажите.Сместилась форма поиска в IE.

    Здравствуйте, посоветуйте как с этим бороться.Сместилась форма поиска в IE. Сайт http://elle.ts9.ru/ В других браузерах отображается нормально.

    Asked by Iglar,

    0 votes
    1 answer

  24. Подсказка ошибок

    Ребят подскажите проги для IE и Хрома если есть такие. Кторые показывают в баре ошибку кода как в мазиле к примеру.

    Asked by Didorri,

    0 votes
    0 answers

  25. Подсказка ссылки сбоку от текста

    хотелось бы вывести все подсказки ссылок в тексте сбоку от текста. как это можно сделать? можно вставить в текст ссылки <span>, описать там подсказку и с помощью css выводить этот текст слева от текста. но это громоздко. хочется взять именно title ссылки. возможно ли это?

    Asked by rondew,

    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