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. список ссылок с иконками слева

    Всем привет, Подскажите я хочу сделать список ссылок с иконками слева в коде вроде: <div class="widget"> <div class="widget-body padding-none"> <h4 class="innerAll bg-gray border-bottom margin-bottom-none">Settings Items</h4> <ul class="fa-ul innerAll"> <li> <a href="/business/scheduler/" class="fa heading glyphicons settings"><i></i>{"Appointments"|translate}</a> </li> <li> <a href="/business/clients/" class="hea…

    Asked by mstdmstd,

    0 votes
    2 answers

  2. Как реализовать такую тень в через css?

    http://uploads.ru/mDvHB.jpg

    Asked by RuslanHeYca4ev,

    0 votes
    4 answers

  3. что за непонятный бордер?

    всем привет, сверстал первую страницу http://swift.url.ph/ не пойму что за бордер образуется в IE у элементов таблицы, соц-иконок и других ?

    Asked by tr0nik,

    0 votes
    2 answers

  4. Scrollbar

    Каким образом сделать, чтобы ScrollBar изначально был внизу?

    Asked by lucky3111,

    0 votes
    2 answers

  5. CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров)

    Задача: сделать одинаковое отображение в браузерах OC Windows 7 Google Chrome 37 —-- отступ 1px Mozilla Firefox 32 ——- отступ 2px Opera 24 —————-- отступ 2px Safari 5.1.07 ———— отступ 2px Internet Explorer 11 —- отступ 1px Яндекс.Браузер 14.7 - отступ 2px Амиго 32 —————- отступ 2px Код CSS: div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}Весь код: <html><head><style type="text/css">body {padding:0;margin:0;}div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}</style></head><body…

    Asked by jackjay,

    0 votes
    6 answers

  6. Картинки на хосте

    http://fb79274t.bget.ru/postel/index.html На локальном пк все отлично, на любой хостинге сами посмотрите что, пути 100 раз проверял плагин lightbox. Почему так?

    Asked by raptor-dm,

    0 votes
    7 answers

  7. Внутренние ссылки, выделение блока.

    Есть страница html с внутренними ссылками. Каждая ссылка ведёт на текстовый блок из 1-2 строк внутри страницы. Проблема: после перехода по ссылке отображается вся страница, нельзя понять, на какую именно строку произошел переход по ссылке. Варианты решения: Может быть подсветка блока, на который перешли? Как реализовать, средствами html/css? Или что-то другое, что поможет понять пользователю, на какой именно он строке? Заранее спасибо!

    Asked by idemidov,

    0 votes
    2 answers

  8. Смена текста при нажатии на кнопку.

    Добрый день всем. В JS и CSS я новенький, поэтому прошу помощи. Имеется код: <div style="text-align:left;"> <div id="type_text" class="box"> <script language="JavaScript"> var text = 'текст 1 текст1 текст 1.<br> '+ ' ...текст 1 текст1 текст 1<br>'+ ' текст 1 текст1 текст 1.'+ ' текст 1 текст1 текст 1,'+ ' текст 1 текст1 текст 1'+ ' текст 1 текст1 текст 1'; i = 0; function type(){ i++; if( i <= text.length ) if(text.substr(i-1,1)=='<'){ document.getElementById("type_text").innerHTML +='<br>' } else { document.getElementById("type_text").innerHTML = text.substr(0, i); } setTimeout( type, 20 ); }…

    Asked by Anorions,

    0 votes
    1 answer

  9. Шрифт в firefox

    Шрифт крупнее в firefox как лечить? версия ff 32.0.2 сори увидел когда создал тему что помимо подключенного нестандартного шрифта я добавил в css font-weight: bold; поэтому другие как то не реагировали на это кроме firefox

    Asked by soltx,

    0 votes
    2 answers

  10. SASS. Вопросы.

    Здравствуйте! Приступила к использованию SASS. Все скачала, установила. И как его теперь подключить? На одном сайте прочла "Запустите консоль в любом каталоге". Это как понимать? У меня сайт находится на Денвере: Z:/home/test2.ru/www/здесь все файлы. Как мне подключить в консоли этот путь? P.S. в Google искала. По поводу этого толком никто не пишет, все описывают прелести и синтаксис этого SASS'а. Спасибо.

    Asked by Orarifish,

    0 votes
    7 answers

  11. Помгите написать CSS для вывода изображений

    Добрый день. Я столкнулся с такой проблемой в WP: В процессе поиска решения, мне посотетовали что правильнее будет "отделение оформления от содержания" Но я совершенно не умею этого делать. В посте у меня одна картинка 150 х auto (миниатюра), остальные 100% х auto. помогите с куском кода для CSS, куда его вставить, и что нужно добавить в код картинки, что бы это было реализовано? (в приоритете перед физической шириной, шириной указанной в коде вывода картинки и, возможными другими установками темы? Возможно я что то не правильно формулирую, но моих знаний (точнее мое полное не знание CSS) не позволяет сформулировать точнее. Спасибо

    Asked by tester2014,

    0 votes
    13 answers

  12. Как правильно реализовать

    Как правильно реализовать асинхронную загрузку контента в верстке, что бы потом программисту было удобнее ? Вот например есть такая конструкция http://jsfiddle.net/c3r7xqxu/ при нажатии на кнопку должен добавиться контент с БД в обе колонки (.item). Так как на этапе верстки ни о какой БД речи нет, то как "показать" что это работает? Клонировать .item при нажатии или что?

    Asked by Нарек,

    0 votes
    4 answers

  13. элементы подпрыгивают

    есть такой сайдбар при наведении они подпрыгивают, как это исправить? пытался делать с box-sizing не получается

    Asked by Laroxx12,

    0 votes
    4 answers

  14. Не пойму как переместить изображение...

    Народ помогите пожалуйста. Разбираю шаблон Ebay Так вот суть вопроса: На странице http://cultuspen.ru/item/перьевая-ручка-052 Не могу сделать отображение картинок в одной строке, получается что они все в столбик идут Что только не делал и объединял их в один тег не помогает подскажите плиз. Я новичок, но хочу во всем разобратся <div><strong><a href="http://cultuspen.ru/wp-content/uploads/2014/09/581247292_016.jpg"><img class="align size-medium wp-image-6" src="http://cultuspen.ru/wp-content/uploads/2014/09/581247292_016-300x300.jpg" alt="581247292_016" width="300" height="300" /> </a><a href="http://cultuspen.ru/wp-content/uploads…

    Asked by MIhaeljob,

    0 votes
    1 answer

  15. поделитесь ссылкой на урок или готовый макет

    Нужен урок или пример по верстке адаптивного макета с левым меню а-ля lenta.ru При изменении размера браузера сворачивается и открывается при нажатии на кнопку. Желательно без бутстрапа. Если у кого-то есть поделитесь пожалуйста

    Asked by likiweaks,

    0 votes
    1 answer

  16. HTML5 Boilerplate

    Используете ли вы HTML5 Boilerplate? Есть ли в нём минусы?

    Asked by DivMan,

    0 votes
    8 answers

  17. Выравнивание :before по центру в IE

    Доброго времени суток. Подскажите, как решить задачу в IE. Вот ссылка: http://codepen.io/anon/pen/uzHfb - footer с треугольником на CSS3 через псевдотег :before. В Firefox и Chrome под Win7 - всё ок, треугольник по центру, а в IE11 (в младших тоже наверное) - треугольник смещен влево. Та же история (смещен влево) и в Chrome на Android. Заранее благодарю за помощь.

    Asked by DarkTranquillity,

    0 votes
    1 answer

  18. Не отображается номер телефона через телефон

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

    Asked by hcsgm,

    0 votes
    2 answers

  19. Неизвестная ширина position: fixed

    Добрый вечер. Возникла одна проблема: нужно реализовать фиксированное меню, у которого ширина зависит от ширины контента. Контент имеет минимальную и максимальную ширину, в случае последнего - выравнивается по центру экрана. Так же сам блок контента унаследовал отступы элемента body в размере 62px; Т.е как это все должно быть на изображении: -- Прописал блоку с position: fixed следующие: box-sizing: border-box;position: fixed;width: 100%;max-width: 1600px; // блок контентаheight: 100px;И все бы ничего, только если ширина экрана меньше 1600рх, то получается вот это: -- Помогите, пожалуйста, исправить p.s играл с положительным и отрицательным margin-ом и padding-ом, но в…

    Asked by Temiks,

    0 votes
    2 answers

  20. Непонятно что то

    появляются какие то отступы с верху надо шапкой, блок элементов с желтым цветом не занимает всю ширину дива зеленого цвета? http://jsfiddle.net

    Asked by Laroxx12,

    0 votes
    2 answers

  21. Какая разница?

    Здравствуйте! Подскажите пожалуйста. Вот не могу понять... К примеру есть маркированный список. <div class="menu"><ul><li><a href="#">Ссылка 1</a></li><li><a href="#">Ссылка 2</a></li><li><a href="#">Ссылка 3</a></li></ul></div>Дальше css код .menu li {какой-то CSS стиль}То есть ВСЕМ элементам li класса menu задаём "какой-то стиль" ? Верно? .menu ul li {какой-то CSS стиль}А тут что? Мы ведь по сути к тем же спискам li обращаемся? Зачем тут ul?

    Asked by tigrus2014,

    0 votes
    17 answers

  22. Размер шрифта?

    Привет всем, мне нужен размер шрифта в 14,5 px как отобразить в css ?

    Asked by soltx,

    0 votes
    10 answers

  23. Лендинг и типовая верстка

    Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…

    Asked by Libiros,

    0 votes
    5 answers

  24. Как реализовать это

    Всем привет, столкнулся с проблемой, может кто подскажет как реализовать В общем есть 2 блока, 2 блок будет интерактивная карта, и я не пойму как решить, позицианирование подошло, бы если оба фона шли изображением, может кто встречался с таким костылем? или вообще ссылка есть на подобное?

    Asked by soltx,

    0 votes
    10 answers

  25. Как "склеить" шаблон на Joomla и самоклепный лендинг

    Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.

    Asked by proaction,

    0 votes
    1 answer

  • Обсуждения

    • 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