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. Иконки анимация

    Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией

    Asked by Govt_sm80,

    0 votes
    2 answers

  2. Иконки в выпадающем меню

    Есть выпадающее вниз меню и хотел слева от каждого пункта воткнуть маленькую иконку. Помогите плиз! Не получается! <form name="form" id="form"> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)"> <option>Родители</option> <option>Дети</option> <option>Внуки</option> </select> </form>

    Asked by voproskin,

    0 votes
    1 answer

  3. Иконки в списках

    Ребят здравствуйте подскажите пожалуйста Проблема с иконками в списках, Есть такое меню Проблема в том что при наведении на пункт иконки должны менять цвет, подскажите как сделать просто вставить иконки у меня получилось но нужно что бы при наведении они меняли цвет (сами иконки спрайтом) Как вообще такое реализовать, может кто сталкивался и нашел решение, пробовал искать в google но нормального решения так и не нашел

    Asked by Евгений_SB,

    0 votes
    3 answers

  4. Иконки для соцсетей

    Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>

    Asked by torsar,

    0 votes
    1 answer

  5. Иконки на сайте

    Здраствуйте дорогие друзья помогите немного мне разобраться.В общем картинка ->САМА картинка.Где стрелочка хочу разместить маленькую иконочку как это сделать?

    Asked by Alex15,

    0 votes
    3 answers

  6. Иконки под новостью или CSS background

    Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…

    Asked by iBars,

    0 votes
    11 answers

  7. иконки поста выполненны через стили

    Всем привет, по ссылке ref Под текстом "Launch your startup smarter a" есть 4 иконки выполненны через стили <div class="border-icon border-icon-1"> <span class="icon-icon1"></span> </div> Определенные как : .border-icon-1 { padding-top: 35px; } .border-icon-1 span { font-size: 57px; } .icon-icon1:before { content: "\e917"; } ... Вопрос в том, что если применить эту верстку к Wordpress-у чтобы отображать посты и можно было в новых постах как-то отображать аналогичные ярлыки для других постов ? Админ сайта в админке постов : 1) Выбирает ярлык и записывает его в скажем в поле Custom Fields 2) Обработчик на фронт…

    Asked by mstdmstd,

    0 votes
    1 answer

  8. Иконки с текстом

    Прошу помочь, я начинаю учить верстку div, скажите как правильно реализовать одну вещь: необходимо сделать ссылкой изображение текст изображение текст #toplist li { display: inline; list-style-type: none; padding-right: 50px; } ————————————-- <ul id="toplist"> <li><a href="#"><img src="images/home.jpg"> Домой</a></li> <li><a href="#"><img src="images/cont.jpg"> Контакты</a></li> </ul> не получается выровнять изображение и текст ссылки, они на разных уровнях. помогите пожалуйста. Зараннее спасибо.

    Asked by vesta2v,

    0 votes
    4 answers

  9. Или баг или непонятно что в ИЕ6-7

    В общем верстал сайт и наткнулся на такую штуку Посмотрите код ниже: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="img.png" width="210" height="140" border="0"> </td> <td><img src="img.png" width="210" height="140" border="0"></td> </tr> </table> <br> <table border="0" cellpaddi…

    Asked by Mal4ishnik,

    0 votes
    1 answer

  10. ИМ Связной и способ их работы

    Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155

    Asked by Torvin,

    0 votes
    4 answers

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

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

    Asked by Bambi,

    0 votes
    2 answers

  12. Имейл с сайта

    Ребята, пожалуйста, очень прошу, мне нужна работающая форма(имя, имейл отправителя, текст сообщения) отправки имейла с сайта на хтмл, только без участия аутлук. (дайте ссылочку или отправте на мыльцо Pastsoft@rambler.ru). Позарез нуна! Заранее спасибо

    Asked by Jon,

    0 votes
    3 answers

  13. Имена файлов

    Есть фрагмент html документа Текстовый документ 6,5 Кб При клике по ссылке происходит открытие файла. В заголовке %D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82[1].txt. Как сделать нормальный заголовок русскими буквами?

    Asked by Noob,

    0 votes
    4 answers

  14. Имена файлов CSS

    Как нужно понимать? Реальный пример <style media="all" type="text/css" xml:space="preserve"> @import url('_includes/css/emory-html5-fix.css'); @import url('_includes/css/emory-main-base.css'); @import url('_includes/css/emory-main-nav.css'); @import url('_includes/css/emory-main-header-footer.css'); @import url('_includes/css/emory-callouts.css'); @import url('_includes/css/emory-hompage.css');</style>Почему именно _includes а не просто includes? Встречал такое довольно часто. Пишут что запросов нужно делать как можно меньше, а реально почти у всех целый набор. Чем или как это обьясняется? <link type="text/css" re…

    Asked by autit,

    0 votes
    3 answers

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

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

    Asked by Remiurge,

    0 votes
    1 answer

  16. Именно в поиске у 5-го li приписывает стили 6-ой li, что за бред?

    CMS DLE При поиске: На главной: http://zfilm-hd.ru/ Что за глюки у DLE?

    Asked by Guest Feniks000,

    0 votes
    8 answers

  17. Именование классов согласно БЭМ

    Доброго времени суток. Подскажите пожалуйста, соответствуют ли имена классов методологии БЭМ ? <div class="footer"> <div class="footer__row_1"> <div class="footer__row_1_column"> <h4 class="footer__row_1_column_title">Lacus interdum</h4> <ul class="footer__row_1_column_list"> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li c…

    Asked by xsladfs,

    0 votes
    3 answers

  18. Имитатор IE6

    Добрый день ! Подскажите может есть какая то програмка Имитатора IE6 для проверки Спасибо

    Asked by bgraf,

    0 votes
    3 answers

  19. Имитация iframe

    Хочу создать ограниченое окошко на страничке. По всем опциям такой же как iframe но подгрузка с текущей странички(т.е. мой код). Буду очень признателен за помощь

    Asked by jeka_ua,

    0 votes
    1 answer

  20. Имитация заполненного бланка

    Нужно с помощью HTML сымитировать заполненный бланк, в котором есть длинная-длинная подчёркнутая графа, простирающаяся на несколько строчек. Нужно, чтобы текст содержимого плавно перетекал на следующую подчёркнутую строчку. Нравится оформление нижним бордюром ячейки, только при переносе строки раздвигается первая ячейка. Подчёркивание текста это хорошо, но не дотягивает до правой границы листа. Разбиение же фразы по размеру строчек - корявое решение, потому что приходится угадывать ширину.

    Asked by Webr,

    0 votes
    4 answers

  21. Имитация консоли

    Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html

    Asked by Tmin10,

    0 votes
    3 answers

  22. Имитация нажатия F11

    Привествую Ребята, есть кнопка <input type="submit" value="F11"> при нажатии нужно с имитировать реальное нажатие на клавиатуре клавиши F11. Как это сдлеать на js или может по-другому?

    Asked by okunev2,

    0 votes
    9 answers

  23. имитация таблицы

    возникла необходимость полной имитации свойств таблицы посредством списка. возможно ли? возникла задача отобразить списки по горизонтали так, чтобы элементы списка (li) в зависимости от их содержимого полностью заполняли ширину контейнера (ul).

    Asked by html,

    0 votes
    10 answers

  24. Имитация фреймов (картинка внутри)

    Камрады, тут возникла такая вот задачка: Сайт по дизайну имеет вид примерно такой: Вверху - контент, внизу - меню. Все в "резине". Контент должен "прокручиваться" независимо от меню, которое вседа будет прилегать к нижнему краю экрана. Для набора "классических" фреймов задача обыденная, однако тут фреймами пользоваться нельзя - вот та менюшка внизу по нажатию на кнопочку должна будет "складываться" в одну строку и соответственно при повторном нажатии обратно "раскрываться" в высоту. Вот сижу и думаю... как прикрепить меню к нижнему краю экрана - знаю, как его складывать-раскладывать - знаю... а вот как в таком случае реализовать "прокрутку" верхнего контентного блока, уч…

    Asked by Daikengo,

    0 votes
    14 answers

  25. Иммитация таблиц

    <div class="menu"> <ul> <li class="befor"><a href="#">Свадьба</a></li> <li><a href="#">День<br />рождения</a></li> <li><a href="#">Выпускной<br />балл</a></li> <li><a href="#">8 марта</a></li> <li><a href="#">День влюблённых</a></li> <li><a href="#">23 февраля</a></li> <li class="active"><a href="#">Пасха</a></li> <li><a href="#">Новый<br />год</a></li> <li><a href="#">Тематический<br />праздник</a></li> …

    Asked by Shugich,

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