HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Иконки анимация
Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией
0 votes2 answers -
Иконки в выпадающем меню
Есть выпадающее вниз меню и хотел слева от каждого пункта воткнуть маленькую иконку. Помогите плиз! Не получается! <form name="form" id="form"> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)"> <option>Родители</option> <option>Дети</option> <option>Внуки</option> </select> </form>
0 votes1 answer -
Иконки в списках
Ребят здравствуйте подскажите пожалуйста Проблема с иконками в списках, Есть такое меню Проблема в том что при наведении на пункт иконки должны менять цвет, подскажите как сделать просто вставить иконки у меня получилось но нужно что бы при наведении они меняли цвет (сами иконки спрайтом) Как вообще такое реализовать, может кто сталкивался и нашел решение, пробовал искать в google но нормального решения так и не нашел
0 votes3 answers -
Иконки для соцсетей
Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>
0 votes1 answer -
Иконки на сайте
Здраствуйте дорогие друзья помогите немного мне разобраться.В общем картинка ->САМА картинка.Где стрелочка хочу разместить маленькую иконочку как это сделать?
0 votes3 answers -
Иконки под новостью или 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;}Однако сами иконки на сайте не отоб…
0 votes11 answers -
иконки поста выполненны через стили
Всем привет, по ссылке 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) Обработчик на фронт…
0 votes1 answer -
Иконки с текстом
Прошу помочь, я начинаю учить верстку 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> не получается выровнять изображение и текст ссылки, они на разных уровнях. помогите пожалуйста. Зараннее спасибо.
0 votes4 answers -
Или баг или непонятно что в ИЕ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…
0 votes1 answer -
ИМ Связной и способ их работы
Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155
0 votes4 answers -
Имеет ли смысл посещать очные курсы по html/css?
Здравствуйте! Сразу прошу прощения, если такая тема поднималась, не нашла в поиске. Не так давно начала изучение html/css, пока просто для себя и своего развития, в дальнейшем конечно хотелось бы работать в этой сфере. Читаю htmlbook.ru, прохожу курсы htmlacademy (пока бесплатные), так же стараюсь читать книги (на данный момент это книги Джона Даккета и Девида Макфарланда), по мере необходимости ищу информацию на других ресурсах. И сейчас я не понимаю, как эту всю информацию собрать в кучу, так сказать. Нет четкого понимания как все это функционирует от и до. То есть, я сейчас не могу сверстать сайт от начала и до конца, потому что не понимаю, что и за чем должно следоват…
0 votes2 answers -
Имейл с сайта
Ребята, пожалуйста, очень прошу, мне нужна работающая форма(имя, имейл отправителя, текст сообщения) отправки имейла с сайта на хтмл, только без участия аутлук. (дайте ссылочку или отправте на мыльцо Pastsoft@rambler.ru). Позарез нуна! Заранее спасибо
0 votes3 answers -
Имена файлов
Есть фрагмент 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. Как сделать нормальный заголовок русскими буквами?
0 votes4 answers -
Имена файлов 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…
0 votes3 answers -
Именная рассылка HTML
Народ, всем привет. Нужна небольшая помощь. Нужно в html-письме сделать "именную рассылку". Нужен код, который это делает. П.С До словно: при отправке письма, человек получает письмо в котором аля : "Уважаемый, Сергей...." и так на 50 и более контактов.
0 votes1 answer -
Именно в поиске у 5-го li приписывает стили 6-ой li, что за бред?
CMS DLE При поиске: На главной: http://zfilm-hd.ru/ Что за глюки у DLE?
0 votes8 answers -
Именование классов согласно БЭМ
Доброго времени суток. Подскажите пожалуйста, соответствуют ли имена классов методологии БЭМ ? <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…
0 votes3 answers -
Имитатор IE6
Добрый день ! Подскажите может есть какая то програмка Имитатора IE6 для проверки Спасибо
0 votes3 answers -
Имитация iframe
Хочу создать ограниченое окошко на страничке. По всем опциям такой же как iframe но подгрузка с текущей странички(т.е. мой код). Буду очень признателен за помощь
0 votes1 answer -
Имитация заполненного бланка
Нужно с помощью HTML сымитировать заполненный бланк, в котором есть длинная-длинная подчёркнутая графа, простирающаяся на несколько строчек. Нужно, чтобы текст содержимого плавно перетекал на следующую подчёркнутую строчку. Нравится оформление нижним бордюром ячейки, только при переносе строки раздвигается первая ячейка. Подчёркивание текста это хорошо, но не дотягивает до правой границы листа. Разбиение же фразы по размеру строчек - корявое решение, потому что приходится угадывать ширину.
0 votes4 answers -
Имитация консоли
Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html
0 votes3 answers -
Имитация нажатия F11
Привествую Ребята, есть кнопка <input type="submit" value="F11"> при нажатии нужно с имитировать реальное нажатие на клавиатуре клавиши F11. Как это сдлеать на js или может по-другому?
0 votes9 answers -
имитация таблицы
возникла необходимость полной имитации свойств таблицы посредством списка. возможно ли? возникла задача отобразить списки по горизонтали так, чтобы элементы списка (li) в зависимости от их содержимого полностью заполняли ширину контейнера (ul).
0 votes10 answers -
Имитация фреймов (картинка внутри)
Камрады, тут возникла такая вот задачка: Сайт по дизайну имеет вид примерно такой: Вверху - контент, внизу - меню. Все в "резине". Контент должен "прокручиваться" независимо от меню, которое вседа будет прилегать к нижнему краю экрана. Для набора "классических" фреймов задача обыденная, однако тут фреймами пользоваться нельзя - вот та менюшка внизу по нажатию на кнопочку должна будет "складываться" в одну строку и соответственно при повторном нажатии обратно "раскрываться" в высоту. Вот сижу и думаю... как прикрепить меню к нижнему краю экрана - знаю, как его складывать-раскладывать - знаю... а вот как в таком случае реализовать "прокрутку" верхнего контентного блока, уч…
0 votes14 answers -
Иммитация таблиц
<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> …
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-