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. Как правильно делать hover для иконок?!

    Добрый день, дорогие форумчане! Нужно сделать ховер-эффект у иконки соц-сети. Он заключается в следующем: 1) До наведения - http://joxi.ru/VrwpeqgubwyEmX 2) После наведения - http://joxi.ru/v297yWjU9XBgrG Но раз это изображение, то у него нельзя поменять цвет фона. Уместно ли будет сделать так, чтобы менялось фоновое изображение блока. То есть создать блок, у которого background-image при наведении будет менять свое значение. Или есть другие правильные способы реализации? Например использовать специальный шрифт для иконок соц-сетей. Всем спасибо!

    Asked by Antoshka007,

    0 votes
    5 answers

  2. 100% высота контента + прижатый вниз футер

    имеется такая структура: нужно прижать подвал вниз - это работает а вот сделать 100% высоту блока #content не получается - когда контента в блоке мало , то все гормально. А когда много , то подвал поднимается к середине страницы... Как это можно исправить в стилях, не меняя структуру html? <body><div id="karkas"> <div id="head"> header </div> <div id="content-wrapper"> <div id="content"> Some Text </div> </div> <div id="footer_bottom"></div> </div> <div id="footer">footer</div></body>* { padding: 0; margin: 0;}html ,b…

    Asked by Sawyer1988,

    0 votes
    1 answer

  3. Передача данных по ссылке в форму

    Здравствуйте! Подскажите пожалуйста как передать данные с кнопки в форму на другой странице. Вкратце. Есть главная (index.html) страница на ней ссылка: <a href="order.html">Передать</a>Есть страница с формой(order.html), на ней 2 выпадающие строчки: <select id="List1"> <option value="0"></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option></select><select id="List2"> <option value="z"></option> <option value="a">a</option> <option value="b">b</option> <option value="с">с</option></sele…

    Asked by 35th,

    0 votes
    3 answers

  4. Верстка повторяющихся блоков разной высоты

    Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: http://hkar.ru/zt4R Верстка должна быть: <div class="blocks"><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div></div>

    Asked by vip,

    0 votes
    2 answers

  5. Помогите небезвозмездно

    Здравствуйте,есть сайт http://co28653.tmweb.ru/, там имеются блоки http://take.ms/UFPq8 , надо сделать чтобы они были анимированы как на http://agift.ru/ http://take.ms/XM01G

    Asked by htmligor,

    0 votes
    4 answers

  6. Слайдер не отображается в мозиле

    Всем привет. Есть одна проблема. Слайдер на вот этом сайте http://verstka-primer.esy.es/fadelicious/в chrome нормально отображается а в мозиле вообще не хочет отображаться не пойму почему. Просто квадрат черный и все. И еще сразу бы хотел спросить как мне сделать чтобы этот слайдер растянулся на 960px то есть занял доступную ему ширину.

    Asked by Shenia132,

    0 votes
    2 answers

  7. CSS-спрайты

    Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/

    Asked by Vlad,

    0 votes
    17 answers

  8. Как сделать: Wordpress if (is_home()) нормально для HTML?

    Вопрос не чисто по вёрстке, но всё же, от верстальщика, который таки суётся в вордпресс уже долго, но не знает пхп на должном уровне Хочу облегчить работу с этим оператором, а точней упростить синтаксис. Есть такая штука: <?phpif ( is_home() ) { // This is the blog posts index get_sidebar( 'blog' );} else { // This is not the blog posts index get_sidebar();}?>Как правильно экранировать if else, что бы спокойно можно было вписывать чистый HTML код, без всяких там пхпшных кавычек, точек, и.т.д. ? Видел такой пример, но на его основе всё равно не могу сделать то что надо, выдаёт ошибки или просто ничего не показывает. <?php if(get_field('repea…

    Asked by Alarr,

    0 votes
    3 answers

  9. вывод сообщения с <input>

    Здравствуйте мне нужно сделать что бы при вводе текста в <input> при нажатии кнопки "ГО" данный текст выводился на новой странице.Это возможно реализовать не используя js и что бы сообщение выводилось не через "alert" а как обычный текст.Спасибо)

    Asked by BlooDSikeR,

    0 votes
    3 answers

  10. Странное поведение hover в хроме

    Проблема следующая. При наведении на пункт меню "Услуги" в мазиле выпадает меню второго уровня с перечнем услуг, собственно как и должно. А при наведении на этот же пункт меню в хроме, меню второго уровня так же появляется, но при попытке наведения на одну из услуг меню исчезает. В чем тут проблема? Почему эффект hover пропадает в хроме, а в мазиле работает? Вот сайт: http://www.gruzchiki-tver.ru

    Asked by Akkord87,

    0 votes
    2 answers

  11. Ссылки в блоке collapse в Bootstrap

    Привет! Строю макет на бутстрапе и столкнулась с проблемой с разворачивающемся блоком collapse. Может кто сможет подсказать решение. Вот способ использования блока, я делаю все точно также, все отлично работает http://getbootstrap.com/javascript/#collapse НО мой блок выглядит как строка таблицы в свернутом виде так http://monosnap.com/image/nsTJBWP68p97y1BdPsGNGsVlv8R3cY в развернутом так http://monosnap.com/image/x0P8ZP0TCDVndTabqLK3n32zekYM6y Я бы хотела сделать коллапс при клике на весь блок, но внутри него есть другие рабочие ссылки, например заголовок, кнопка с картой, кнопка с плюсом. Получается если я делаю коллапсом весь блок, другие ссылки внутри блока перест…

    Asked by Ayaweb,

    0 votes
    0 answers

  12. Float, отступы и media queries

    Привет. Напал с утра жёсткий затуп на меня — понять не могу как правильно сделать. http://jsfiddle.net/sj115o5j/Вот прмерный макет. Один блок-столбик справа и основной слева. Суть в том, что aside мне надо до определённой ширины делать 30%, потом 200px, а потом надо сделать так, чтобы он ушёл под основной блок. Очевидным кажется решение с float left, но я не могу сделать так, чтобы один справа был фиксом, а левый был бы резиновым. Как вообще это делается правильно?

    Asked by Veseloff,

    0 votes
    3 answers

  13. Клон изображения

    Можно ли сделать клон имеющейся на странице картинки только средствами CSS?

    Asked by Vlad,

    0 votes
    4 answers

  14. Не удаётся убрать горизонтальную полосу прокрутки

    Верстаю сайт xxvc.zz.vc с помощью bootstrap 3, сделал навигационное меню, в результате появилась горизонтальная полоса прокрутки, никак не получается её убрать, может кто подскажет в чём дело и как это можно исправить?

    Asked by dmitriy.pryadko,

    0 votes
    1 answer

  15. Как сделать, чтобы список в меню был всегда открытым

    Подскажите, как сделать, чтобы список в меню был всегда открытым. Сейчас список выпадает после клика по кнопке "двери". А нужно чтобы под этой кнопкой был всегда список дверей. http://www.mix-mart.ru/doors.html <div id="wrap"> <div id="firstpane"><p class="menu_head"> <a > ДВЕРИ<br /><br /></a></p><div class="menu_body"><a href="veneer.html">ШПОН</a> <a href="economy_veneer.html">ШПОН-ЭКОНОМ</a><a href="finetex.html">ЭКО-ШПОН</a><a href="pvh.html">ПВХ</a><a href="laminate.html">ЛАМИНИРОВАННЫЕ</a><a href="massif.html">МАССИВ ДУБА</a> <…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    4 answers

  16. hover -эфект

    Подскажите как сделать эффект при наведении мышки на блок с категорией товара как на сайте http://mariyka.com.ua/ То есть сначала мы видим блок с названием товара, под ним картинку и корзину покупок, а при наведении на него блок получает рамку с тенью и увеличивается вниз где дополнительно можно прочесть краткое описание товара?

    Asked by V&V Cherry,

    0 votes
    1 answer

  17. Горизонтальная прокрутка при адаптивной верстке

    del

    Asked by dmink,

    0 votes
    3 answers

  18. Border от конца блока до границы экрана

    Добрый день. Подскажите пожалуйста по такому моменту: На странице есть несколько блоков. Нужно, что бы если блок расположен слева то от него шла линия до границы экрана с лева. Аналогична если блок с права. Т.е. линия должна идти не через всю страницу, а от края блока до границы экрана. Примерно так:

    Asked by jdk,

    0 votes
    1 answer

  19. input type="range"

    здравствуйте негде не могу толком найти информацию про этот тег как его описать в css на разных браузерах. и главное нужно сделать отсечки на каждый шаг. заранее спасибо

    Asked by Marmott,

    0 votes
    5 answers

  20. Проблемы с overflow

    В следующем коде: ————————————————-- <div class="center"> <div class="center_left">centerLeft</div> <div class="center_right"><img src="img/foto.jpg" alt="Hands"></div> </div> <div class="menu"> Place for menu... </div> ————————————————- .center { margin-top: 10px; clear: both; overflow: hidden; } .center_left { border: 1px solid #000; width: 525px; float: left; } .center_right { /*border: 1px solid #000;*/ box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 525px; height: 275px; float: right; bo…

    Asked by cryptus,

    0 votes
    1 answer

  21. Помогите разобраться начинающему.

    Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…

    Asked by cryptus,

    0 votes
    1 answer

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

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

    Asked by Wings,

    0 votes
    5 answers

  23. Позицианирование

    Приветствую, подскажите пожалуйста, как разместить красный блок, ровно по центру картинки? http://cssdeck.com/labs/rp6byd3y

    Asked by Vans,

    0 votes
    1 answer

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

    1

    Asked by senya417,

    0 votes
    2 answers

  25. Media queries для размера экрана, определение мобильного устройства

    Привет. Суть в том, что я знаю как media queries действуют на разрешения экрана, но этого оказалось недостаточно. У меня мобильник имеет какое-то конское разрешение и сайты в нём открываются так, будто у него 1 точка экрана = 1 пикселю страницы. Понятно, что я могу определить джаваскриптом всё, что угодно и поставить какие угодно классы. А можно ли это как-то правильно делать при помощи простого CSS?

    Asked by Veseloff,

    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