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. Чтобы текст не исчезал после обновления страницы

    Здравствуйте. Как сделать так, чтобы после обновления страницы текст, введенный в textarea или input, не исчезал? Это вообще возможно?

    Asked by miklosh,

    0 votes
    3 answers

  2. Float & Position

    Приветствую! Просматривал недавно разметку одного известного сайта, который клепает туториалы различные, и заметил интересную. для меня. во всяком случае, вещь. Есть блок-родитель с position: relative, у этого родителя есть дочерний блок с position: relative И с float: left, а позиционирован с помощью margin . Читал в какой-то книжке, по-моему у МакФарланда, что так делать не круто и вообще смысла в этом совершенно нет. Зачем, в таком случае, нужна такая разметка?

    Asked by SuperJerk,

    0 votes
    3 answers

  3. Вопрос Плавающие DIV-ы

    Добрый день! Есть широкий, одноколоночный DIV, который заполняться в движке новостями уже в две колонки. <div style="border: 1px solid; overflow: hidden; padding: 10px 10px 0 0; width: 520px;"> <div style="background: #000; float: left; height: 200px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="background: #000; float: left; height: 250px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="background: #000; float: left; height: 210px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="background: #000; float: left; height: 240px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="bac…

    Asked by ZABor,

    0 votes
    3 answers

  4. Вертикальное выравнивание div в процентах от родителя. Нужна помощь.

    Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height…

    Asked by santacruz,

    0 votes
    3 answers

  5. Помогите с отступами...

    Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот html код: <div id="wrapper"> <div id="logo"></div> </div> Вот css: html, body { margin: 0px; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; } #wrapper { display: block; position: relative; text-align:left; margin: 0 auto; width: 1000px; height: 100%; background: #ffffff url(../image/bg.jpg) no-repeat 0 0; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: …

    Asked by Noraad,

    0 votes
    3 answers

  6. Дополнительные файлы css

    Вот начал делать сайт,и с css работаю внешним способом(ссылка на таблицу стилей),на файл style.css пробовал создавать другие файлы с расширением css,а они не подключаются,так вот у меня 2 вопроса: 1.можно ли вообще создавать дополнительные таблицы стилей с расширением css и с названием файла не style. 2.и хотелось бы узнать как делают большие сайты проффесионалы?хватает ли одного файла style?

    Asked by pudge,

    0 votes
    3 answers

  7. Резиновая таблица html

    Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td>&l…

    Asked by Дронго,

    0 votes
    3 answers

  8. Стиль кнопки

    Как <input type="submit"> сделать таким, как на второй картинке? Т.е. как избавиться от этих краев?

    Asked by aquapasha,

    0 votes
    3 answers

  9. Партнер битрикса

    Добрый день Столкнулся с недобросовестностью одного из партнеров Битрикса Хотел бы поделиться информацией возможно кому то поможет Подскажите в каком разделе лучше опубликовать?

    Asked by washik,

    0 votes
    3 answers

  10. Не стандартные шрифты

    Есть шрифт PF Agora Serif Pro - BoldItalic (TrueType) использовался дизайнером для отрисовки заголовков страниц, нащзваний блоков и т.д. Также в нем присутствует полутень. Использую в работе Cufon или @font-face. Первый не устраивает из-за глюков и что используется js, втрой что тольок в IE9+ работает. Хочу услышать советы и ссылку на лучшее по вашему мнению из кросбраузерных и простых решений. Спасибо )

    Asked by okunev2,

    0 votes
    3 answers

  11. Помогите реализовать

    Помогите реализовать вот такой список. https://docs.google.com/file/d/0B0FrmfubxCOdZ1pXLUZCakVObzA/edit

    Asked by boo,

    0 votes
    3 answers

  12. animation не работает

    Помогите разобраться, почему не работает данный код http://jsfiddle.net/npofopr/da88b/ Хотя тут все работает http://codepen.io/fanchou/pen/clufJ На codepin сделано scss, но оно и в css работает, если перевести.

    Asked by npofopr,

    0 votes
    3 answers

  13. в ie выпадающее меню не находит на слайдер

    Помогите разобраться. В ie выпадающее меню отображается под слайдером. В остальных браузерах все работает. использовал z-index. html <header> <div class="main"> <div class="volna"> <img src="img/travavoln2.png" alt=""> <div class="clear"></div> </div> </div> <nav> <ul class="menu"> <li><a href="">Клуб</a> <ul> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li…

    Asked by itspider,

    0 votes
    3 answers

  14. Форма, стандартное value

    Как сделать чтобы при клике на поле формы убералась стандартная надпись в каждой строке? Это можно сделать только средствами CSS? или нужно JS привлекать? сайт на котором провожу експеременты: _novarobota.in.ua

    Asked by myav4ik,

    0 votes
    3 answers

  15. Проблема с подключением LESS

    Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…

    Asked by Kuzyo,

    0 votes
    3 answers

  16. Проблемы с отступами в таблице

    Создал таблицу 960x130 добавил туда 4 <td> 240x130 поместил туда картинки 240x130 убрал все поля которые только знаю border-spacing: 0px; padding: 0px; margin: 0; border: none; Но внизу остается промежуток в 5px (для наглядности красный bg) в общем не знаю, как убрать его, помогите, пожалуйста http://jsfiddle.net/npofopr/da88b/

    Asked by 6hall,

    0 votes
    3 answers

  17. Верстка подписей под элементами форм

    Задача: добавить к верстке форм вывод валидационных сообщений. По задумке дизайнера поля и подписи могут быть самыми разнообразными: Сейчас реализовано в связке label (block или inline-block) + input Нужно выводить сообщения непосредственно под инпутом. Например, Проблема в том, что ширина label и отступы могут быть самыми разнообразными. В идеале должен нормально смотреться и многострочный комментарий, т.е. абсолютное позиционирование не подходит. Уже голову себе сломала, но ничего, кроме оборачивания каждого инпута во враппер и вывода error-message прямо под ним, туда не приходит Только вот решение мне это совсем не нравится. Может сталкивался кто-то с таким, подкинь…

    Asked by caprella,

    0 votes
    3 answers

  18. Как такое сверстать (прокрутка колонок с разной скоростью)

    http://remodelista.com/ Прокрутите страницу вниз в любом браузере кроме оперы и посмотрите как ведет себя правая колонка. Как такое реализовать? Еще интересное решение - изменение размера картинки при изменении ширины браузера. С этим вроде разобрался но кто знает простое универсальное решение напишите.

    Asked by likiweaks,

    0 votes
    3 answers

  19. Проблема из за Fixed

    Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз на верхнем меню там где поиск поставлено position:fixed; и при уменьшении размера браузера сайт косится т.е посик вниз иуходит и пункты меню. Пробовал ставить к #h min-width:100% и min-width:1400px, к body пробовал то же самое ставить, но все равно из за fixed при уменьшении окна браузера меню и поиск непрокручивается по горизонтале. ЧТО ДЕЛАТЬ ПОМОГИТЕ ПЛЗ, Я уже незнаю даже Если есть вопросы skype: vova-iiaknstaneu http://mir-animasiya.ru/index/0-3

    Asked by vova1212,

    0 votes
    3 answers

  20. Растянуть два дива на height: 100%

    обычный двухколоночный макет <div class="wrapContainer"> <div class="wrapAside"> <aside> много текста </aside> </div> <div class="wrapArticle"> <article> много текста </article> </div> </div> с помощью маргина и флоата сделал рядом друг с другом http://www.pixic.ru/i/7090Z0O6p4f660y9.png но есть один трабл, когда в любую колонку добавляешь много текста, то она тянется вниз, а другая нет.. проблема в том, что колонки с бэкгроундом и надо чтобы они обе тянулись, если бы были без цвета, то проблемы бы небыло

    Asked by bayanruby2,

    0 votes
    3 answers

  21. Повторяющиеся статичные элементы на странице

    Всем привет) Я вот задался вопросом.. если код для меню и нижнего футера запихать в отдельный PHP файл, а потом инклудить на нужные страницы- это будет корректно, или же не стоит? Может влияет как-то на скорость?

    Asked by korjik,

    0 votes
    3 answers

  22. Блок с линиями

    Подскажите, как реализовать такой пример на css. Чтобы размер блока с текстом менялся в зависимости от ширины текста, т.е был динамичным. И главное: чтобы работало в ie7 Спасибо

    Asked by satantx,

    0 votes
    3 answers

  23. Помогите сверстать

    Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)

    Asked by nickostyle,

    0 votes
    3 answers

  24. Помогите советом по верстке!

    Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?

    Asked by ViViV,

    0 votes
    3 answers

  25. Эффект с шапкой как на googleventures.com

    Как добиться такого эффекта с шапкой как на http://googleventures.com? Можете написать простой пример на 2 дивах, я понимаю что по идее тут нужны свойства z-index и position, но хотелось бы посмотреть на реализацию и понять. Спасибо.

    Asked by aquapasha,

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