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
-
Можно ли вставить спецсимвол в jade
Допустим есть такой код в JADE for item in [{label: "Лимит ДЗ: ", value: "756 ★"}, {label: "Остаток лимита ДЗ:", value: "756 ★"}] .calculator-detail__info-row .calculator-detail__info-label= item.label .calculator-detail__info-value= item.value как вставить в item.value какой-нибудь спецсимвол (допустим "★")
0 votes3 answers -
Помогите... JS не возвращает назад по истории
Не понимаю где ошибка... JS не возвращает назад по истории Назад < И посмотреть негде :>
0 votes1 answer -
Help Please
пацаны , расскажите please как сделать полосу прокрутки которая справа цветной ... я где-то видел давно но сейчас найти не могу ...
0 votes1 answer -
Перемещаться к нужному пункту по событию onclick
Добрый день. Есть <input type="radio" /> и <div id="test'>тест</div> Допустим input находится вверху страницы (в области просмотра первого экрана), а div внизу (вне зоны видимости). Подскажите, можно ли назначить для input событие onclick (или onchange), при котором страница автоматически прокручивалась бы до id="test"?
0 votes2 answers -
Изменение стиля объекта с якорем при переходе на него.
Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?
0 votes4 answers -
background и IE
На сайте необходимо фоновое изображение растянуть по ширине экрана. Для этого использую: #header-panel { background: url(../images/style2/bg-top.jpg) 0 0 no-repeat; background-size: 100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -khtml-background-size:100% auto; } Но IE игнорирует и отображает картинку не растягивая. Подскажите, как разрешить эту проблему? Может есть специально для IE свойство или решение?
0 votes2 answers -
Что за ошибка
Line 184, Column 29: character "&" is the first character of a delimiter but occurred as data <li><a href="" >Kato & Jon - Turn The Lig...</a></li> This message may appear in several cases: You tried to include the "<" character in your page: you should escape it as "<" You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. Another possibility is that you forgot to close quotes in a previous tag.
0 votes5 answers -
таблица в таблице
есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…
0 votes3 answers -
Подстройка шрифта под разные расширения экрана
Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу
0 votes7 answers -
css3
День добрый, вобщем начал верстать шаблон и наткнулся на непонятную проблему... В IE9 и Опере не работают box-shadow и border-radius а в мазиле всё нормально...понять не могу, вроде они с сss3 дружат
0 votes8 answers -
Горизонтальное меню
Как реализовать простейшее горизонтальное меню, чтобы было кроссбраузерно? (ie 7-8) Можно ли сделать таблицей? или это не правильно?
0 votes3 answers -
Нужен блок с контентом фиксированной высоты с полоской прокрутки!
Всем доброго времени суток. Подскажите пожалуйста как правильно будет реализовать блок с фиксированной высотой и шириной, и когда контент не будет влазит в него по высоте что появлялась полоса прокрутки. Подскажите пожалуйста как это будет правильней реализовать и валидностью в HTML5?
0 votes1 answer -
float
Здравствуйте, подскажите пожалуйста как отцентрировать картинку справа, не задавая ширину абзацу? http://jsfiddle.net/ShootingStar/EQuwu/
0 votes5 answers -
Расположение элементов
Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }
0 votes2 answers -
Вопрос по JQ
Доброго времени суток, все. Попробую описать суть проблемы: Имеется страница, на которую, в определенный ДИВ, нужно поместить (подгрузить) содержимое другого ДИВа, но с другой страницы текущего сайта. Первое, что пришло на ум - get и load. <div id="id_1">Загрузка...</div> - 1 страница. <div class="cl_2">Загрузка...</div> - 2 страница. и... <script type="text/javascript"> $('#id_1').load('Страница2 .cl_2');</script> id_1 - будет ID дива, в которые нужно поместить содержимое со сторонней страницы cl_2 - класс элемента, вытаскиваемого с нужной страницы Полученный результат работает локально, но при загрузке в ЦМС - нет( Заметил, что ес…
0 votes2 answers -
Время
Здравствуйте! Подскажите, как сделать часы как на этом сайте, только без двоеточий но с такими же расстояниями? Я уже долго ищу ответ в интернете но ничего похожего найти не могу, то часы в поле для формы, то вообще вершина уродства, а мне нужны именно вот такие. Спасибо за внимание.
0 votes4 answers -
Как обрезать картинки в IE?
[РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> <…
0 votes0 answers -
Выход текста за граници блока
Не могу понять свою затупку, 2 дня назад работал с шаблоном сайта было все нормально. Сейчас текст выходит за граници блока как показанно на примере хотя должен переходить на новую строку. <!doctype html> <html> <head> <meta charset="windows-1251"> <link rel="stylesheet" type="text/css" href="styles/style.css"> </head> <body> <div id="stranica"> <div id="stranica1">sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf </div> <div class="clr"></div> </div> </body> </html> #stranica { height: 1000px; width: 600px; float:…
0 votes2 answers -
Баг text-indent?
Назначил блоку text-indent,все абзацы начинаются с отступом,но абзацы которые следуют после <br> без отступа,что за дела?
0 votes2 answers -
Помощь в реализации одной идеи
Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком…
0 votes5 answers -
Проблема с цветом/картинкой
Вот так выглядит в фотошопе http://s019.radikal.ru/i638/1405/f1/9bb9c056de8b.png а вот так вот в браузере http://i055.radikal.ru/1405/b6/e20c46f2908f.png сперва я пробовал градиентом вставить, не получилось. Потом я вырезал полностью картинку из фотошопа, все ровно та же самая проблема что за прикол? не получается добится 100% идентичности браузер firefox 29, может монитора касячит, не знаю
0 votes2 answers -
PopUp - окно
добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..
0 votes9 answers -
Подскажите как заставить срабатывать по таймеру
Добрый день! Есть код, который срабатывает при наведении, а как сделать чтобы он срабатывал по таймеру? <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/claudia-galhardo.jpg" /> <figcaption class="caption">TEST</figcaption> </figure></div>.imgholder{ position:relative; width:120px; height:120px; border-radius:100px; float:left; margin:40px 30px;}/* thumbnails style */.imgholder img{ position:absolute; left:0; top:0; width:120px; height:120px; z-index:5; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; …
0 votes4 answers -
как в css при наведении на картинку плавно менять размер
подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …
0 votes4 answers -
Контент не зависит от содержимого?
Решил задать нужный стиль номерам задач, т. е. выставить по горизонтали, но пропала зависимость контента от информации (см. скриншот). Вообще не в первый раз сталкиваюсь с такой проблемой, с чем вызвано эта проблема, ведь интуитивно понятно, что контент, от имеющийся информации, должен увеличиваться, если я не хочу этого, то задаю конкретные размеры по высоте, разве я не прав? http://jsfiddle.net/1ty2mdsm/
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-