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. Как сделать такие же тени в css, как и на макете в PS

    Здравствуйте! Имеется блок, у которого заданы вот такие параметры: Подскажите, пожалуйста, как сделать точно в css? Пробовала вырезать сам блок с тенями без бэкграунда - получается абсолютно не такой цвет как нужно: Должно быть так: А получается вот так:

    Asked by Xenia Wanger,

    0 votes
    7 answers

  2. Как сделать такие страницы?

    Как сделать страницы: index.php?id=1 index.php?id=2 index.php?id=3 index.php?id=4 index.php?id=5 index.php?id=6 index.php?id=7 и т.д.?

    Asked by vvsh,

    0 votes
    12 answers

  3. Как сделать такое в форме

    Есть обычная html форма, в ней есть выпадающий список для выбора продукта. Как вывести еще один выпадающий список для выбора цвета выбранного продукта? Просто продукты разные и их цвета в наличии тоже. Спасибо!

    Asked by by_roxe,

    0 votes
    2 answers

  4. как сделать такое выезжание иконок

    Всем привет, подскажите как сделать такие фичи http://otdelka-i-remont.by/ там есть блок "Чем мы отличаемся от других" и при скролле вниз иконки в нем собираются с краев в центр, может есть Jquery плагины для реализации такого? или как то по другому...

    Asked by Andryshok,

    0 votes
    3 answers

  5. Как сделать такое меню

    Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich Что мне нужно: - Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?) - между пунктами меню есть растояние

    Asked by fowl,

    0 votes
    11 answers

  6. Как сделать такое меню

    http://s019.radikal....da1a56a583b.jpg Как сделать такое меню? Сложность моя заключается в том, что при добавлении нового пункта меню, или наоборот удаления - те полоски, что по бокам должны все время быть рядом с меню так же как и на фото. То есть они должны быть как-бы приклеены к меню. Вот адрес: http://www.zhitlegko.myjino.ru/ (кстати почему там не действует border:collapse?) Или так: http://jsfiddle.net/QdkSU/

    Asked by Imperil,

    0 votes
    5 answers

  7. Как сделать такое меню

    Как сделать такую вещь, если навести мышь , то открываются суб категорий: Пример: Окно 1 (Предлогаются категорий Окно 2 : Окно 3: Окно 4) Пример можно увидеть на ebay , если навести мышь на "Fashion" открываются категорий Men's, Women, Kids и так далее.

    Asked by nubik1113,

    0 votes
    1 answer

  8. как сделать такое меню

    Добрый день.Я приактикующий начинающий верстальщик , сейчас для практики делаю такой шаблон http://s017.radikal.ru/i429/1505/e1/04f7b023183b.png Подскажите плиз кто знает , как сделать такое выпадающее меню как в макете , у меня что то оно не скрывается , хотя пробовал ставить visible hidden добавлю код который я уже написал: html <DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="css/bootstrap.css" rel="stylesheet" type="text/css"><link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><link href="css/custom.css" rel="stylesheet" typ…

    Asked by oleg29331,

    0 votes
    3 answers

  9. Как сделать такое меню ?

    Как сделать чтоб этот треугольник при наведении появлялся по центру текста ? а то он на первом слове по середине а на других нет. И еще вопрос поставил себе ubuntu поставил gimp как в gimp узнать какой шрифт используется в слове ? http://pixs.ru/showimage/herdesigns_5346032_16234412.jpg

    Asked by Shenia132,

    0 votes
    7 answers

  10. Как сделать такое меню аккордеон?

    Как сделать такое меню аккордеон? http://savepic.ru/7305391.png Часть я сделала, осталось сделать вертикальную линию, как на рисунке, но не знаю как. Код: http://jsfiddle.net/24db4hgx/ Спасибо.

    Asked by Alfa2015,

    0 votes
    2 answers

  11. Как сделать такое меню?

    http://357.ru/index.php Обратите внимание, что последние два пункта еще и раскрываются. Насколько понял это делается через CSS. Подскажите, где смотреть-читать? Первый день здесь

    Asked by uZeBo,

    0 votes
    1 answer

  12. как сделать такое на div

    css #test { margin-left:1px; margin-top:1px; border:1px solid #9999FF; float:left; width:30%; height:250px; display:block; background-color:#DEDEFF; padding:1%; overflow: hidden; } html <div id='test'> <table border='0' height='100%'> <tr> <td height='80%' valign='top'> первое </td> </tr> <tr> <td> второе </td> </tr> </table> </div> как можно заменить таблицу div ? когда вставлял 2 div vertical-align:bottom; не работал.

    Asked by felix_,

    0 votes
    10 answers

  13. Как сделать такое на flexbox?

    Нужно с помощью flexbox сделать такое Как это сделать? Пока что получается вот так

    Asked by yaparoff,

    0 votes
    1 answer

  14. Как сделать такое на бутстрапе 3?

    Как сделать такое на бутстрапе 3?

    Asked by incub,

    0 votes
    5 answers

  15. Как сделать такое на бутстрапе 3?

    Как сделать такое на бутстрапе 3?

    Asked by incub,

    0 votes
    1 answer

  16. Как сделать такое склдывание?

    Всем привет! Часто на сайтах видел эффекты складывания чего-то по скроллу. Вот например как тут ручка складывается http://www.fiftythree.com/pencil Хотел бы спросить у мастеров, нет ли где-то описания как такое сделать, или возможно есть уже готовые библиотеки? Спасибо!

    Asked by vladmih,

    0 votes
    5 answers

  17. Как сделать такое?

    как сделать двойную рамку для <input>? Как сделать 2 рамки разных цветов для input? Например цвет внутри input серый, затем рамка 1px чёрная, и ещё одна рамка, поверх, 1px красная? Нужно чтобы работало во всех браузерах. И без отступов между рамками, то есть чтобы одна накладывалась на другую вплотную.

    Asked by enjoy_inc,

    0 votes
    12 answers

  18. Как сделать такое?

    Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795 если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать

    Asked by kolhoz,

    0 votes
    11 answers

  19. Как сделать такой border

    Здравствуйте! В макете есть блок с границей: Подскажите пожалуйста как мне реализовать такой же блок с такой же границей только средствами CSS. Легкий способ(просто вырезать блок и установить через background), но это ведь не правильно как я понял. А с border-img я не разобрался. Заранее благодарен!

    Asked by FitTech,

    0 votes
    2 answers

  20. Как сделать такой head ?

    Как сделать такой header на сайте ?

    Asked by Shenia132,

    0 votes
    9 answers

  21. Как сделать такой блок

    Здравствуйте господа! Возникла проблема, не знаю как реализовать. Нужно сделать такой блок, который я на схеме расположил между верхним и нижним блоком. Чтобы у него были внутренние отступы от краёв, как на схеме и он делился на две части ( в одной текст, в другой видео). Благодарю за ответ и помощь в реализации!

    Asked by Zakonoposlushniy,

    0 votes
    1 answer

  22. как сделать такой бордер?

    всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?

    Asked by tr0nik,

    0 votes
    4 answers

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

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

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

    0 votes
    4 answers

  24. Как сделать такой градиент?

    запутался я с этими градиентами... как сделать такой вот? чтоб было такое свечение под наклоном.. и чтоб были такие цвета?

    Asked by nikki4,

    0 votes
    1 answer

  25. Как сделать такой же эффект скроллинга?

    Как реализовать такую плавную прокрутку?! Как на этом сайте: http://www.rogatnev.ru/

    Asked by SKSKSS2013,

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