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
-
маленький калькулятор
всем привет мне нужно сделать маленький калькулятор в html. я сделал в wordpresse заполняешьуса форму где человек войдет номер и мне найда зделать так чтобы в конце была написа этот номер умножен на 150 (кпримеру)
0 votes1 answer -
Как вывести уменьшенную копию картинки через .css?
Вопрос решен.
0 votes0 answers -
Сайт уезжает вниз
Здравствуйте! У меня проблема: сайт отображается нормально в обычном виде, а когда я делаю SSI-включение, то почему-то над шапкой сайта появляется пустое пространство. Не пойму в чём дело, все форумы перерыл, нигде ничего не нашёл. пробовал и на Денвер и на Оупен-сервер, никакой разницы нет, всё равно над шапкой лишний пустой кусок экрана. Вот мой код: Главная страничка: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="main.css" /> </head> <body> <!--#include virtual="menu.html"--> </body> </html> Вставляемы…
0 votes1 answer -
Прозрачная полоска с пиксель достала
Всем привет. Есть ли лечение вот такого трабла? Ссылка Такая тема то исчезает то появляется при изменении границ браузера. Подозреваю, что это просто браузеры плохо отрабатывают масштабирование блоков. Или верстка глючит из-за скрипта масштабирования блоков. Код: <article class="article"><span><span></article>article { width: 33.33333%; float: left; background-size: cover;}span { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; display: block; transition: all 400ms ease-in-out;}$(function(){ $('.article').height($('.article').width()/1.5); $(window).resize(function(){ $('.article').height($('.article').width(…
0 votes1 answer -
Что заставляет элементы располагаться на 2-х строках?
Здравствуйте! Если смотреть сайт в режиме эмуляции экрана уже 768 пикс, то кнопка-гамбургер основного меню перепрыгивает на следующую после логотипа строку. Что им мешает поместиться на одной строке? В сумме по ширине они по идее должны уместиться в строке. Пробелы? Вроде их нет
0 votes2 answers -
нужен select input с возможностью добавить новое значение
Привет, Подскажите, пожалуйста, нужен совместимый с бутстрапом select input, но с возможностью в нем же добавить новое значение, которого нет в списке. Спасибо!
0 votes0 answers -
зазор между фонами
помогите пожалуйста убрать непонятный зазор между фонами в кнопке на страничке
0 votes4 answers -
Как сделать ширину по содержимому?
Надо чтобы один заголовок был снизу справа от другого. <div id="logo"> <h1> <h2> Не выходит: Рассчитанный стиль: width: 1022px; Стили: width: auto; Тоесть надо чтобы блок div был такой же ширины как надпись в h1
0 votes2 answers -
Wordpress верстка
вчера начал верстать под вп, уже почти заканчивал и вроде бы все хорошо, но в конце pagenavi растянулся на всю ширину и кнопка читать полностью съехала вниз, собственное как это исправить? http://moslem.ws/blog/ - Что получилось http://demo.moslem.ws/myblog/ - как должно было быть.
0 votes2 answers -
Проблема с google chrome
Здраствуйте господа, возникла следующая проблема с chrome проблема слово замерщика переносится на следующую строчку! http://itmages.ru/image/view/453824/02d36d7b если уменьшать значения padding то слово замерщика помещается либо увеличивая ширину, ну из зачего ? в остальных браузерах все отлично тока в хроме проблема .header-menu-box ul li { font-weight:bold; display:inline; border-right:1px #000 inset; padding:0 15px 0 15px; } следующий код <div class=" fl header-menu-box"> <ul> <li><a href="#">Главная </a></li> <li><a href="#">Продукция </a></li> <li><a href="#">Цены </a><…
0 votes0 answers -
проблема с тегом area
привет. у меня есть html страница, которая через расширение для TYPO3 выводится на страницу. проблема в том, что длиные теги area (каждое с примерно сотней картинок в onmouseover/onmouseout - поделенная на части карта европы) выводятся пустыми. кто-то может подсказать, как это исправить или хотя бы где может причина ошибки лежать?
0 votes1 answer -
Расстянуть макет вместе с виджетом.
День добрый. Сорри, если вопрос покажется глупым, но он меня немного в ступор вогнал. Буду дико признателен, если поможете мне справиться с данной проблемой. Как реализовать так, чтобы макет расстягивался одновременно вместе с добавляемыми виджетом комментариев?
0 votes2 answers -
Проблема в меню
Здравствуйте, прошу вас помощи. Мне один человек сделал шаблон, но кое-что, видимо, не учёл. <a href="/" class="a_box"><div class="linkbox"> Главная страница</div></a> код ссылки в меню div.linkbox {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;text-align:left;font-size: 8pt;} div.linkbox:hover {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;background: url("../img/block/linkbox_hover.png");background-repeat: repeat-y;text-align:center;} .boxfoot {padding: 0px;width:212px;height:15px;backgr…
0 votes3 answers -
Резиновый блок
Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.
0 votes0 answers -
Сохранение расположения текста
Вроде была тема, но не могу найти. Блок с текстом - выровнен по ширине - поля auto - установлен max-width - overflow: auto Небольшая трабла: при переходе со страницы, на которой весь текст помещался без прокрутки, на страницу где эта прокрутка появляется, поле с аккуратно выровненным текстом заметно смещается влево. Ставить scroll не охота, т.к. длинных страниц мало, а выглядит при коротком тексте - похабно. Есть ли какое-то решение? Спасибо.
0 votes2 answers -
Помогите сверстать
Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)
0 votes3 answers -
Порядок наложения border border-color
Существует li блочного типа и на его 4х сторонах есть различный border по 1px, на 3х сторонах одно цвета и на 4й другого. Мне надо определить порядок наложения цветов друг на друга. ul.MenuBarHorizontal li { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #889180; border-right-color: #282e22; border-bottom-color: #889180; border-left-color: #889180; } В разных местах отображает по разному: В Dreamweaver CS6 верхняя и нижняя выше боковых. В Opera 12.15 не понятно вообще как.
0 votes2 answers -
http://htmlbook.ru/practical/hod-konyom
http://htmlbook.ru/practical/hod-konyom Вот что у меня http://cssdeck.com/labs/zzgoaqsz. Это задание только делается при помощи javascript ?
0 votes2 answers -
Помогите сделать щаблон резиновый
http://cssdeck.com/labs/full/z57kadmr Вот что у меня вышло, весто слов, там есественно картинки, подскажите как сделать так что бы при изменении размера екрана или браузера, или при скроле, картинки оставалсиь на своих местах. Может их как то сгрупировать или еще что??
0 votes1 answer -
как сделать?
http://i003.radikal.ru/1502/71/5075a77a2bf0.jpg там плагин есть листает слайды, слайды по высоте экрана. но вначеле и в конце нету этих слайдов. как там это сделать? или что там должно быть не пойму?
0 votes3 answers -
Вопрос по подгрузке SVG для Snap.svg
Есть страница с несколькими SVG под сотню килобайт, с ними надо производить манипуляции через Snap.svg. Страница сама по себе и так жирная по объёму, поэтому хотелось бы SVG-файлы подгружать по какому-то событию, а уже только потом вставлять их на страницу и что-то делать. Есть ли в данном случае какой-нибудь вариант подгрузки кроме AJAX? Можно было бы через pxloader грузить файлы и вставлять в img, но тогда snap.svg работать не будет.
0 votes1 answer -
AngularJS routing
Добрый день. Учу Angular, сделал маршрутизацию. Но при открытии всех страниц, кроме главной, возникает не понятная мне ошибка! Можно наблюдать в консоли. Проблему можно посмотреть на http://li4e.ru/white Подскажите пожалуйста в чем может быть дело?
0 votes1 answer -
Настройка шаблона
Добрый день! Хочу сделать сайт, понравился шаблон. Я новичок в этом деле и у меня сразу возникли сложности. Вот что у меня получилось (результат). Рылся в коде, так и не разобрался как сделать что бы все заработало. Подскажите в каком направлении мне двигаться. Может у кого-нибудь была похожая проблема? Заранее спасибо.
0 votes0 answers -
абсолютное позиционирование и его повсеместное использование
Вопрос: хотелось бы бы узнать с технической точки зрения, нормально ли использовать очень часто свойство position в значении absolute
0 votes1 answer -
простой вопрос по ajax
есть ссылка, передающая параметр странице <a href="?alb=25" >ссылка</a>. Мне нужно, чтобы при этом вся страница не перезагружалась. Как сделать ссылку с использованием ajax и как определить область страницы, которая должна обновляться?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-