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. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css? HTML: <!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>CSS: body { margin: 0; padding: 0; width: 100%; height: 100%…

    Asked by Klaus,

    0 votes
    6 answers

  2. Как можно сделать адаптивной линейку превью?

    Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть свой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. Плагин создает галерею с превью. В настройках можно задать видимое количество превью, остальные (если есть) можно видеть промоткой. Если количество видимых привью не помещается на экране в одну строчку, они начинают рисоваться в несколько, что не очень красиво. (точнее очень не красиво) При уменьшении разрешения (т.е. при просмотре через телефон) если превью много и на большом экране они были в одну строчку, то на мобильнике - начинаются показываться в несколько. Можно ли средствами CSS заставить "лишние" прев…

    Asked by tester2014,

    0 votes
    1 answer

  3. Проблема с формой

    Прошу помощи у опытных посетителей данного форума. Необходимо сверстать форму которая сочетает в себе поля select и input текста. Каким образом лучше объединить два данных элемента? И каким образом лучше стилизовать select? На чистом СSS это практически не возможно, насколько я поняла. Пробовала ставить плагин JQuery (selecter), но сразу возникает проблема с выпадением select'a из родительского div'a, то есть он фактически отображается под формой, а не в ней. Запихнуть его обратно не удалось, так как элементы находящиеся рядом начинали вести себя аналогично select'у и также выпадать из формы. Понимаю, что возможно задаю странные вопросы, но это моя первая серьезная верстк…

    Asked by Liana19,

    0 votes
    4 answers

  4. Проблема с отображение нестандартного шрифта

    Доброго времени суток! Нестандартный шрифт отображается размыто в браузере Mozila firefox,но в других браузерах работает вполне адекватно,подключаю шрифты через font-face,файлы шрифтов также хранятся в отдельной папке на сайте...всегда раньше использовал этот прием..работало везде В chrome: В мозиле так: @font-face { font-family: 'ProximaNovaBold'; src: url('../fonts/ProximaNovaBold/ProximaNovaBold.eot'); src: local('☺'), url('../fonts/ProximaNovaBold/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold/ProximaNovaBold.svg') format('svg'); font-weight: normal; …

    Asked by jetfire2014,

    0 votes
    2 answers

  5. Вертикальное выравнивание при абсолютном позиционировании

    Здравствуйте. Почему не работает вертикальное выравнивание при абсолютном позиционировании? Код хтмл: <div class="col"> <p>Lorem ipsum dolor sit amet..</p> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div>Код цсс: .col { display: table; position: relative; float: left; width: 33.3%; height: 250px; background: red;}.col:nth-child(2n) { background: green;}.col-prew { display: table-cell; position: absolute; top: 0; left: 0; width:…

    Asked by Temiks,

    0 votes
    10 answers

  6. Масштабирование шрифтов в адаптивной верстке

    Здравствуйте . Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана. Заранее, спасибо!

    Asked by Pinga,

    0 votes
    1 answer

  7. Справочники по html xhtml и css

    Подскажите пожалуйста где можно заказать справочник 3 в 1 по html xhtml и css (не электронное издание) в каком интернет магазине можно заказать,не могу найти

    Asked by Юрий04,

    0 votes
    6 answers

  8. Как можно вставить в canvas картинку или button

    Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?

    Asked by GrizzzlyGames,

    0 votes
    2 answers

  9. Правильная расстановка DIV-блоков

    Собственно вопрос от новичка. Проще нарисовать на картинке чем описывать ситуацию на словах. Пытаюсь правильно расставить DIV'ы. При этом чтобы последовательность кода не рвать. (маленькие дивы идут подряд, большой соответственно находится НЕ в середине) Скорее всего здесь придётся поколдовать с css-параметром "display", хотя не уверен. http://i.imgur.com/ViusSLH.png Не нашел как залить картинку на сервер, выкладываю ссылкой.

    Asked by Necrosss,

    0 votes
    1 answer

  10. Выровнять картинку по центру блока

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как выровнять картинку по центру блока (по высоте, по ширине я её выровнял) Вот код - http://jsfiddle.net/ko542jer/

    Asked by stan07,

    0 votes
    8 answers

  11. header ширина

    Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.

    Asked by bobb,

    0 votes
    9 answers

  12. Адаптивная вертикальная карусель

    Здравствуйте. Посоветуйте, пожалуйста, адаптивную вертикальную карусель.

    Asked by stan07,

    0 votes
    2 answers

  13. Очень медленный скроллинг в #scroll-zone (2й слайд)

    Нормальный скроллинг: https://jsfiddle.net/Teamur/rju47q7n/ Очень медленный скроллинг в #scroll-zone (синий слайд)! Почему и Как решить? https://jsfiddle.net/Teamur/fxx65y14/4/

    Asked by Teamur,

    0 votes
    1 answer

  14. Верстка списка товаров

    Здравствуйте. Верстаю каталог с товарами. Столкнулся вот с такой трудностью: Т.е. товары разбросаны как попало. Как это исправить? Вот ссылка на сайт

    Asked by yaparoff,

    0 votes
    1 answer

  15. Фон не размножается до конца, загадка какая то.

    Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.

    Asked by serg_life,

    0 votes
    15 answers

  16. Яндекс карты и адаптивный дизайн

    Всем привет. Есть адаптивный сайт, на нем два блока по 50% распределены по ширине. Выглядит это так: <div class="fiftypercent"><div id="servicemap">Тут яндекс карта</div></div><!----><div class="fiftypercent"><div id="servicezone">Тут текст</div></div> .fiftypercent{display:inline-table;width:50%;} Если это открыть через explorer или mozilla, то при сужении окна браузера эти два блока будут "прыгать", посмотреть можно здесь. Обычно такое бывает, если не убран пробел <!-- -->, но тут все на месте. Если вместо карты вставить, например, текст, все будет корректно сужаться. У карты стоит ширина 100%.

    Asked by wry,

    0 votes
    1 answer

  17. Как сверстать блок со своей прокруткой?

    Всем привет! Подскажите, как лучше сверстать вот такой вот блок - http://joxi.ru/KAgkLqgHQJnXAl И прилепить туда свой бегунок Заранее Спасибо!

    Asked by Antoshka007,

    0 votes
    2 answers

  18. помогите понять ,как работает слайдер на css3

    Здравствуйте. нашел на английском сайте слайдер на css3 без js. Вот здесь : http://csscience.com/responsiveslidercss3/ так вот там написано ,что ловится клик на радио кнопках с id: slide1 , slide2. и в зависимости от выбранной радио кнопки, контейтеру со слайдами (с классом .inner) присваивается соответствующий margin-left. #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:100%; } #slide3:checked ~ #slides .inner { margin-left:200%; } #slide4:checked ~ #slides .inner { margin-left:300%; } #slide5:checked ~ #slides .inner { margin-left:400%; }Впервые встречаю такой прием в css3 ,где можно о таком способе динамического …

    Asked by ishurgaya,

    0 votes
    3 answers

  19. автосоставление координат по клику

    Добрый день! Мне нужно разбить рисунок карты области на отдельные участки-ссылки. Сама идея, конечно, проста как апельсин: бери <map> и <area> и нарезай. Но дело в том что дана Кировская область а разбить её нужно на районы, коих в ней 39 и все заковыристой формы. Отследить вручную (просто просматривая глазками координаты точек где граница района изгибается) координаты в разумные сроки не представляется возможным. Вопрос. Возможно кто-то сможет подсказать, нет ли какого-нибудь приложения, которое бы прорисовывало полигональную линию, вычисляя и записывая в строку координаты автоматически по клику мыши?

    Asked by White Tiger,

    0 votes
    2 answers

  20. Пунктирная линия

    Здравствуйте! Подскажите, как провести такую пунктирную линию: от круга до круга. Смотрите картинку: Код: https://jsfiddle.net/sy8jLp9f/ Спасибо.

    Asked by Alfa2015,

    0 votes
    4 answers

  21. Подскажите каким путем идти для реализации линий между блоками

    Учусь делать страницу с галереей. Изображение взято по примеру одного из шаблонов. На данном этапе изучения начал писать код: https://jsfiddle.net/sh642v1b/ Хотел спросить совета: как реализуется это дерево из белых линий между блоками. Видел примеры с подложенным изображением, но делаю страничку которая будет меняться при изменении размера окна и как понял фон может не попадать на блоки.

    Asked by мастер алекс,

    0 votes
    7 answers

  22. Можно ли на Android видеть сайты как с IPhone?

    У меня андроид, и я могу тестить на нём сайты. Но у других людей есть и айфоны. Я конечно пользуюсь гугл тулзом на компе, ставлю ширину 320 пикселей и так далее, но иногда бывают моменты, когда надо протестить именно с телефона. Это вообще хоть как-то реально? Может приложение какое.

    Asked by Alarr,

    0 votes
    2 answers

  23. Плеер на сайт

    Заранее извинюсь если тема затронута ранее, просто 10 000 тем перерывать тяжко, поиск результатов интерестных не дал. И так... Хочу подключить плеер, максмаааально удобный! Что бы был плейлист, и можно было загружать в него файлы прямо через сайт, примерно как в соцсетях(вк или одноклассники). Ищу, пытаюсь, и насилую код уже второй день, толку мало... Кто может посоветовать ресурсы, гайды или что то тому подобное по подключению плеера?

    Asked by TheGuy,

    0 votes
    2 answers

  24. Кроссворд на HTML, CSS

    Здравствуйте! Нужен кроссворд на HTML и CSS, JQuery. Подскажите как, что, каким образом делать. Может у кого-нибудь рабочий пример есть?...

    Asked by MePHiSto,

    0 votes
    6 answers

  25. Подскажите с формой поиска

    Подсобите плизз, нубу Написал простую форму поиска на html css . В поле ввода находится текст типа Browse Products , когда курсором стираю этот текст и обновляю страницу - надпись в поле больше не появляется, только если полностью закрыть браузер и снова загрузить эту страницу. Такая ситуация только в Мазиле и EI 8 версии. Всю голову сломал...

    Asked by Sarkazmus,

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