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
-
Font Awesome 5
Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?
0 votes2 answers -
Проблема с iframe ...
Здравсвуйте. У меня проблема с iframe. Проблема состоит в том, что я гружу через iframe страницу на которой флеш баннер. К флеш баннеру у меня нет доступа. Как мне сделать чтоб при клике на этот баннер я смог бы подсчитывать количество кликов. Т.е мне нужно чтоб при клике на баанер независимо от того есть у баннер встроенный лин иил нету он должен перходить на ту страницу котрую я укажу. Это мне нужно для подсч?та кликов для баннеро-обенной системы, когда ти баннера html. Заранее всех благодарю.
0 votes4 answers -
Спрайты,filter и background
#index,#disk,#tire,#contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/menu.png',sizingMethod='crop');display:block;width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} Имеется картинка со спрайтами,то есть rollover-effect.Простым методом работает нормально.А через filter не хочет сдвигаться background-position.Как отремонтировать.
0 votes2 answers -
Формы и отправка данных
Доброго времени суток господа. Вопрос от новичка. Допустим имеется сайт (моя визитная карточка), есть на сайте форма, которая должна служить для того, что бы пользователь смог отправить мне какое либо текстовое сообщение (или какой либо другой файл). Так вот — как все это организовать, какими языками нужно владеть, каким средствами все это делается (отправка данных посредством формы)… Подскажите пожалуйста, с чего нужно начинать изучать сию штуку. Владею только HTML и CSS. P.S. Я правильно мыслю, мне это поможет…? Спасибо.
0 votes1 answer -
Помогите с поиском
Задача — блок с поиском должен быть под вспомогательными ссылками, но при прокрутке должен оставаться в верхнем левом углу... Я осилил его прокрутку, но не осилил верхний левый угол. Помогите советом. Вот что сделал я
0 votes10 answers -
Проблема В Ie7
Здравствуйте. Пациент - http://frutality.ru Суть проблемы: у блока (#content) задана высота 1300 пикселей. Если текста в этом блоке слишком много, блок растягивается (FF, Opera, IE8, Chrome). После блока идет еще один блок - футер. В IE7 футер встает сразу после этих пресловутых 1300 пикселей, даже если дальше идет текст. В остальных браузерах блок просто растягивается и футер стоит там, где и задумано. Если убрать фиксированную высоту у #content, то футер во всех браузерах отображается нормально, но: если текста на странице меньше, чем высота сайдбара, то сайдбар просто наезжает на футер. Пример: http://frutality.ru/tag/html Что лучше сделать - побороть багу конкретно IE…
0 votes5 answers -
Трехколоночный резиновый сайт
Доброго времени суток уважаемые форумчане! Верстаю трехколоночный резиновый сайт,возникала проблема в ie6,при уменьшении окна браузера не появляется полоса прокрутки,хотя вроде как все правильно сделал через javascript Вот весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="all.css" /> <!--[if lt IE 7]> <style type="text/css"> #conten…
0 votes4 answers -
Не получается поставить шапку
Помогите пожалуста поставить шапку <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="x-ua-compatible" content="ie=edge" /> {headers} <link rel="stylesheet" href="{theme}/css/style.css" type="text/css" /> <!--[if lte IE 7]> <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" /> <![endif]--> <script type="text/javascript" src="{theme}/js/sharett.…
0 votes9 answers -
Несколько вопросов по ul>li>li
Приветствую всех! Пример того что я хочу получить http://cs322217.vk.me/v322217856/4ff9/1jIuUfxmnx0.jpg Мой код http://cssdesk.com/vNVjG Собственно мои вопросы: 1.Почему моя li с черным потом уезжает направо,ведь я задавал padding справа для него в блоке ul в 9px 2.Почему не отображаются блоки ul>li>li т.е. li вложенные в li? 3.На верном ли я пути к осуществлению задачи?
0 votes7 answers -
Условия открытия страницы без флеш
Есть 2 верстки 1 с флешем другая без. Надо сделать, чтобы при наличии флеш открывалась страница с ним, а если флеш не работает, то с версткой на картинках. Как это сделать?
0 votes9 answers -
Отмена float
Уважаемые форумчане, скорее всего дико туплю но хотелось бы разобраться. после просмотра данного видео урока по созданию менюшек ( ) возник вопрос. На 15:55 минуте он задает ширину для li и после этого выпадающие пункты которые до этого были "float: left" почему то выстраиваются вертикально. Что за ....? по какому праву .....? для меня загадка.
0 votes3 answers -
Вертикальное выравнивание
Здравствуйте. Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла. Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/ Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/ И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/ Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?
0 votes3 answers -
Уменьшить размер шрифта при уменьшении блока
div.Row { height: 15vh; width: 100%; ... } div.Col{ height: 100%; ..... .Col1{width: 10%;} .Col2{width: 60%;} ) <Div class = "Row"> <Div class = "Col Col1">текст<Div> <Div class = "Col Col2">Длинный текст<Div> </Div> Такой вот код. Как средствами CSS3 сделать так, чтоб текст был, допустим, 70% от высоты ROW (или COL, в моем случае высота одна и таже), но в случае, если не вмещается в заданную ширину блока, автоматически уменьшался в размере? Спасибо
0 votes1 answer -
Таблица по высоте
Как наиболее правильно сделать вытягивание таблицы по высоте, если разрешение экрана (1280x1024)? Как лучше описать стиль css для таблицы?
0 votes2 answers -
Текст в разных концах блока ...
Скажите пожалуйста на сколько "правильна" такая конструкция? (выравнивание в лево) (выравнивание в право) ТЕКСТ (выравнивание в лево) По сути: h1 и h2 - 1-й уровень "строк", находятся на одной строке; в рамках слоя фиксируются точным размером ширины h3 - 2-й уровень "строк", находится под h1 и h2 Что меня смущает? Когда пролистываю в IE смазываются края (становятся белыми) h1 и h2, в Опере нормально. Если h1 сам по себе заполняет весь 1-й уровень, то такого эффекта не наблюдается. В принципе что я хочу получить и как сделано сейчас можно увидеть здесь: http://wmnavigator.by.ru/tmp/ - первый квадро-блок DonkeyMails Спасибо.
0 votes2 answers -
Лого(иконка) в адрессной строке
На этом сайте и многих других, перед адресом сайта браузер отображает иконку сайта, как это делается?
0 votes5 answers -
meta теги
Мета тэги нужно вставлять только на главную страницу сайта или на все страницы?
0 votes2 answers -
Как правильно делать вложение тега form?
Нужно вложить одну форму в другую. Не получается, если вкладываю, то внешний не работает. Как правильно это делать? <form> <input> <form> <input> <input> </form> <input> </form>
0 votes3 answers -
Таблица Без Таблицы
Вопрос #1: Необходимо нарисовать 3 резиновыe колонки одинаковой ширины, которые в сумме занимают 100% ширины. Существует решение через css-свойство table-layout, значением которого ставится fixed, однако оно не работает для элементов с display: table. Существует ли способ, без использования таблиц и javasсript'а , реализовать это иначе? Вариант с "width: 33%" не предлагать, так как он не занимает 100% ширины. Вопрос #2: По аналогии с предыдущим вопросом, нарисовать 3 резиновые строчки с одинаковой высотой, которые в сумме займут 100% высоты.
0 votes5 answers -
dl dd в опере
На страничке http://vm3378.vps.agava.net/catalog/colorr.php?SECTION_ID=8259 во всех браузерах кроме оперы, маленькие картинки (справа от большой картинки нормально показываются) Я сам не верстак, не знаю всех тонкостей. Может кто подскажет как сделать чтобы и для оперы они отображались так же как и во всех других браузерах? А именно справа от картинки.
0 votes2 answers -
strong и b пожалуйста дайте развернутый ответ
На вашем сайте прочитал, что strong, это логическое выделение текста. А b - визуальное. Хотелось бы получить исчерпывающее объяснение во избежании неверного толкования. Следует ли понимать, что фраза - "логическое" подразумевает выделение для поисковых систем и имеет значение в определении значимости. Как-то, title; h1-6; strong. Или это мое заблуждение?
0 votes13 answers -
Индикатор выгрузки файлов на сервер
Не судите строго за такой вопрос. Просто хочу уяснить для себя какие технологии существую на сегодняшний момент, и какие устарели. Поиск по этому вопросу часто находит ссылки 5-8 летней давности, далеких 2006-2009 годов. 1) Сам PHP без дополнительных модулей не способен отследить какая часть выгружена. Насколько я знаю, старые скрипты включали либо ПЁРЛ файл, который и отслеживал, либо требовали модуля APC. Недавно наткнулся на вот это http://ru2.php.net/manual/ru/ses...oad-progress.php Насколько я понял, для этого нужна 5.4 версия. 5.4, верно? Ну я думаю. что и не все хостеры, разрешат ставить APC, если нужно. 2) Плагины для jQuery (ну или любого другого ajax фреймворка)…
0 votes0 answers -
Не работает Refresh
Есть небольшой php файл. Простая форма отправки данных на мейл. После этого выводится сообщение, мол письмо ушло и сейчас вас перенаправят обратно на сайт. Но вот эта строка перестала работать: header("Refresh: 3; url=http://primehotel.ru"); Раньше все нормально работало на Хостинджире, пока они не уронили свою панель управления и у них не начался ад. Перенес сайт на другой ТаймВэб, но там то же самое. Форма отрабатывает, письмо уходит, но страница замораживается на этом сообщении. Как это можно решить без использования jQuery, Jawa и т.д. так как я не вэб программер и с такой задачей сам не справлюсь. Нужно решение как тут, одной строчкой. Просто тупо редирект, без …
0 votes4 answers -
Неопнятные рамки в IE10
Всем привет. Может, кто сталкивался с такой проблемой. При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10. Зачем эта падла так? Я ни разу такого не видела. Кто что знает? http://joxi.ru/p27LXw5SnEGoA7
0 votes4 answers -
:before или img...или что-то другое ?!?!
Господа, очень, очень сильно прошу вас помочь...задолбался нереально....сижу уже часов 6-7 и НИКАК НЕ МОГУ ДОГНАТЬ, КАК ЖЕ СДЕЛАТЬ ВЕРНО. Итак, имеется темплейт ресторана, в блоке меню ресторана есть определенный список позиций, который подгружает дополнительные позиции при помощи кнопки...но, там где название позиции и цена - между ними должна быть резиновая серая линия....КАК ЭТО СДЕЛАТЬ, ЧЕРТ ПОДЕРИ...пожалуйста, помогите. Ссылка на код: https://jsfiddle.net/bu45rn4c/1/ Ссылка на изображение: http://savepic.ru/7247519.jpg Посоветуйте, может нужно было вообще не через dl, а просто через div, h и p.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-