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. Выравнивание колонок в SELECT

    <select> <option disabled>Имя Фамилия №телефона</option> <option>Андрей Мартыненко 123456789</option> <option>Кирил Богун 123321456</option> <option>Игорь Лях 258852123</option> </select> выводит: Имя Фамилия №телефона Андрей Мартыненко 123456789 Кирил Богун 123321456 Игорь Лях 258852123 а нужно с выравниванием каждой колонки: Имя Фамилия №телефона Андрей Мартыненко 123456789 Кирил Богун 123321456 Игорь Лях 258852123 пока спасаюсь анализом длины в php скрипте и добавлением &nbsp; тоесть своей фун…

    Asked by ivanm,

    0 votes
    2 answers

  2. Помощь верстки новостного сайта

    Здраствуйте, Нужна помощь в верстке новостного сайта, есть вопросы на которые нужны ответы С Уважением Сергей

    Asked by Mastos,

    0 votes
    0 answers

  3. Что лучше выбрать defer или $(document).ready

    Оба метода гарантируют что скрипт загрузится только после того когда загрузится весь html документ. Какая между ними разница кроме той, что $(document).ready пишется в js файле, а defer в атрибуде?

    Asked by aqua.77,

    0 votes
    5 answers

  4. Ширина и высота подменю

    Здравствуйте. Возникла проблема, в которой я не могу выставить у подменю ширину и высоту, а так же центрирование текста. Не "li", не "a" и "ul" не влияют на эти атрибуты. Как правильно написать? https://jsfiddle.net/ErUnDAK/3461nhqd/#fork

    Asked by ErUnDAK,

    0 votes
    3 answers

  5. Имеет ли смысл посещать очные курсы по html/css?

    Здравствуйте! Сразу прошу прощения, если такая тема поднималась, не нашла в поиске. Не так давно начала изучение html/css, пока просто для себя и своего развития, в дальнейшем конечно хотелось бы работать в этой сфере. Читаю htmlbook.ru, прохожу курсы htmlacademy (пока бесплатные), так же стараюсь читать книги (на данный момент это книги Джона Даккета и Девида Макфарланда), по мере необходимости ищу информацию на других ресурсах. И сейчас я не понимаю, как эту всю информацию собрать в кучу, так сказать. Нет четкого понимания как все это функционирует от и до. То есть, я сейчас не могу сверстать сайт от начала и до конца, потому что не понимаю, что и за чем должно следоват…

    Asked by Bambi,

    0 votes
    2 answers

  6. Тень для псевдоэлемента

    Всем привет, возможно ли средствами css реализовать такую тень для псевдоэлемента after или before (иконки fontawesome) http://prnt.sc/eio3kx ?

    Asked by Alexandr37,

    0 votes
    1 answer

  7. список Latest Posts расположен криво

    Подскажите на странице Invalid post Внизу список Latest Posts расположен криво - с пустыми местами заместо постов. Эта проблема только на нескольких постах - на остальных (valid post ) нормально... Как это исправить? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  8. Помогите с красивым оформлением input range на css

    Нуждаюсь в помощи, сделал свой инпут но столкнулся с проблемой, не могу понять как менять цвет полосы за ползунком при его перемещении, может кто посмотреть и указать на ошибку и помочь? Буду благодарен.

    Asked by papay,

    0 votes
    5 answers

  9. Куда вписать 'random' в код галереи?

    Приветствую всех! Я новичок. Пытаюсь сделать случайный порядок показа картинок в галерее, но пока, увы. Если кто может помочь с кодом или предложить другой, буду благодарен за помощь! Сам код в html: <script type="text/javascript" src="res/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="res/jquery.cross-slide.js"></script> <script type="text/javascript">$(function() {$('#pic10').crossSlide({sleep: 2,fade: 1} , [ { src: 'gallery/home1.jpg' }, { src: 'gallery/home2.jpg' }, { src: 'gallery/home3.jpg' }, { src: 'gallery/home4.jpg' }, { src: 'gallery/home5.jpg' }, { src: 'gallery/home6.jpg' }, { sr…

    Asked by herdoctor,

    0 votes
    1 answer

  10. Позиционирование и смещение объектов

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>How you use your text?</title> <style> a { text-decoration: none; } .lol { background: green; width: 50%; height: 145px; text-align: center; } .lol p { color: #109be6; margin: 0; padding: 0; text-align: center; font-size: 50px; border-top: 10px solid #78d3fa; border-bottom: 10px solid #78d3fa; text-shadow: 0 2px 4px #a0a0a0; } .menu ul { list-style: none; float: right; font-size: 0; padding-right: 12px; } .menu ul li { display: inline-block; …

    Asked by ErUnDAK,

    0 votes
    2 answers

  11. Внезапная проблема с выпадающим меню в ИЕ

    Добрый день всем! Подскажите, плиз, в чем проблема. На сайте есть выпадающее меню, сделанное при помощи pureCSSmenu. Оно корректно работает во всех браузерах в составе имеющегося сайта. Потребовалось сделать отдельную страницу с тем же меню. Была использована та же css и тот же html. - работает везде, кроме ИЕ. "Ниччего не понимаю!" (с) Для примера меню выделено в отдельную страницу - проблема та же, работает везде, кроме ИЕ. http://forestforum.ru/tmp/new-fires/test.html Помогите, пожалуйста. Спасибо

    Asked by flider,

    0 votes
    0 answers

  12. Фиксированный и центрированный макет

    Есть макет, ширина которого 1638px. Фон за footer-ом/header-ом тянется, т.е. черный фон хедера при изменении масштаба должен быть на всю ширину окна, а контент центрирован, сайт не резиновый. Каким образом это реализовать? Помогите, пожалуйста

    Asked by kitti,

    0 votes
    3 answers

  13. Как изменить colorbox и мозаику в галерее

    Доброго времени суток!) У меня два вопросика по галереи colorbox и плагину для формирования фото в мозаику Первое по галерее: Мне надо чтобы, оно выглядело вот так http://prntscr.com/d9zqg4 А у меня получилось сделать только так Т_Т http://prntscr.com/d9zqw3 Кто-то нибудь сталкивался с этой галерей? Как добавить еще одно поле для текста и увеличить отступы? Второе по мозаике: Я для той же галереи использовала вот этот плагин http://tympanus.net/codrops/2011/08/30/automatic-image-montage/ , но в начале не требовалось каких-либо условий... А теперь надо, чтобы первая картинка была всегда 380x380, а остальная мозаика считаться от нее..…

    Asked by Mary_RND,

    0 votes
    9 answers

  14. Помогите настроить сайт

    Вот есть сайт, который работает и всё у него нормально, но со временем есть задача поставить больше страниц и конечно же "ухаживать" за ними. С недавних пор научился с одной страницы добавлять несколько объектов на все остальные куда они нужны. Так вот, я добавляю класс, добавляю инструкцию в js и чтобы например 1 див создать, мне нужно приписать ему класс, приписать в js ему функцию, и добавить на сайт в виде этого дива, Можно ли как нибудь создать такую форму, где заполнив данные, на сайт автоматически добавлялись эти нужные блоки, то есть, к примеру. : есть <div class="style">Что-то</div> и это уже есть на сайте, он содержит какой то блок …

    Asked by Mo1oF,

    0 votes
    2 answers

  15. Работа с несколькими классами

    Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …

    Asked by ErUnDAK,

    0 votes
    5 answers

  16. Шрифт на андроиде

    Добрый день! Может, кто сталкивался с такой проблемкой..Когда открываешь сайт на мобильном устройстве андроид, то в некоторых местах шрифт в блоках становится больше. Из-за чего это может быть? Как сделать, чтобы шрифт не увеличивался? meta тег <meta name="viewport" content="width=device-width, initial-scale=1"> - вставлен.

    Asked by Джулия,

    0 votes
    0 answers

  17. Работа с псевдоклассом :not

    Как правильно сделать, чтобы в классе "lol" был текст зелёного цвета, в классе "loli" красного? И всё через псевдокласс :not. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег input, атрибут type</title> <style> </style> </head> <body> <div class="lol"> <p>Один</p> <p>Два</p> <p>Три</p> <div class="loli"> <p>Четыре</p> <p>Пять</p> <p>Шесть</p> </div> </div> </body> </html>

    Asked by ErUnDAK,

    0 votes
    2 answers

  18. Именная рассылка HTML

    Народ, всем привет. Нужна небольшая помощь. Нужно в html-письме сделать "именную рассылку". Нужен код, который это делает. П.С До словно: при отправке письма, человек получает письмо в котором аля : "Уважаемый, Сергей...." и так на 50 и более контактов.

    Asked by Remiurge,

    0 votes
    1 answer

  19. Анимированные табы

    Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …

    Asked by Джулия,

    0 votes
    1 answer

  20. Проблема с отображением в IE

    Приветствую, возникла проблема с отображением в IE 11 (не пойму откуда взялся этот серый фон и какая-то зеленая полоса) http://g-e-a.biz/ в Хроме и Мозиле все ок, а в IE серый фон

    Asked by tr0nikx,

    0 votes
    1 answer

  21. пустые поля до краёв окна

    подскажите пожалуйста как в bootstrap3 сверстать страничку с пустыми полями в шапке, которые продолжаются до правого и левого края экрана? при этом необходимо чтобы контент по-прежнему оставался ограниченной ширины JSFIDDLE

    Asked by cyklop77,

    0 votes
    2 answers

  22. Какие есть инструменты для обнаружения не работающих стилей?

    Добрый день. Такой вопрос. Какой на сегодняшний день инструмент, используется для обнаружения неработающих(не задействованных, мертвых) CSS стилей на странице? (слышал в дев тулсе есть что то подобное - но на вскидку не обнаружил ничего.) P.S. Буду благодарен за ответ.

    Asked by Yamaradg,

    0 votes
    2 answers

  23. Загрузка нескольких CSS

    Друзья! Вместе с bootstrap загружаю в такой последовательности еще один стиль, чтобы все что буду править в стандартном шаблоне, выносить в него. Загружаю в head, в такой последовательности <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/template.css"> Надо поменять стиль шрифта. Делаю так - в файл template.css добавляю @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); body { font-family: 'Open Sans', sans-serif; } Но на странице все равно загружается дефолтный шрифт body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; На стр…

    Asked by Семён,

    0 votes
    2 answers

  24. Фоновая картинка в outlook

    Доброго времени суток. Столкнулся с проблемой в верстке email шаблона. А именно: почтовом клиенте outlook не растягивается фоновая картинка до размеров родительского элемента. Вот фрагмент кода: <table width="600"> <tr> <td bgcolor="#363636" style="background-image: url('http://s020.radikal.ru/i704/1703/7c/9068bb4c342dt.jpg');" background="http://s020.radikal.ru/i704/1703/7c/9068bb4c342dt.jpg" width="600" height="200"> <!--[if gte mso 9]> <v:rect style="width:600px;height:200px;" strokecolor="none"> <v:fill type="tile" color="#363636" src="http://s020.radikal.ru/i704/1703/7…

    Asked by Yummo,

    0 votes
    0 answers

  25. Не получаются сайты на практике

    Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…

    Asked by Tascan,

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