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
-
Картинка как ссылка
Подскажите, пожалуйста, как сделать, чтобы при наведении курсора мыши картинка меняла цвет? К примеру есть серая картинка, я хочу, чтобы при наведении курсора мыши картинка превращалась в коричневую. Картинки соответствуют ссылкам (то есть используется не текст, а картинка) и надо, чтобы текущая действующая открытая страница выделялась также коричневым цветом. Возможно ли хотя бы что-то из перечисленного проделать с помощью css, манипулируя 1 картинкой, то есть не применяя замещения? Хотелось бы прийти примерно вот к этому: http://www.basis-group.ru/
0 votes4 answers -
CSS3 : Как начать работать?
Здравствуйте. У нас в ВУЗе проходит курс web-графики и в кач-ве финального экзамена надо продемонстрировать сайт, который мы должны сделать сами. Тема мне понравилась, получалось неплохо. Даже сайт получился симпатичный. Но есть одна проблема : фоновая картинка верхнего фрейма "прыгает", в зависимости от ширины экрана, то бишь на моем мониторе все смотрится так, как хотелось бы мне, но если диаметр другого монитора отличается хотя бы на дюйм - картинка искажается. Я не сразу побежал писать тему сюда, вы не подумайте! Я пытался разобраться сам, но увы - не получилось. Я подумал, что решением проблемы может послужить функция растяжки фона в CSS3, о котором нашел мануал у…
0 votes17 answers -
Неправильно работает CSS по атрибуту в Chrome
Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст &l…
0 votes11 answers -
Выпадающие списки меню Bootstrap
Доброе время суток. Использую Bootstrap. Проблема с выпадающим списком. Он не выпадает. Как можно исправить? Подключаю JS <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>И сам выпадающий список: <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Дома/Бизнесы <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li class="divider"></li><li><a href="#">Separated link<…
0 votes3 answers -
Проблема с Flex
Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)
0 votes5 answers -
Писать сверху по картинке
В таблицу вставлена картинка. Пытаюсь что-то писать - оно мне пишет слева, сверху, снизу, где угодно - но только не на картинке. Как это сделать?
0 votes3 answers -
Помогите сверстать
Помогите сверстать,вот картинка. Делаю но получается что левый и правый блок вне блока content.Могу сюда скинуть свой код.СПАСИБО
0 votes13 answers -
Проблема с кавычками в сплывающей подсказки
Мне нужно изменить вид всплывающей подсказки и я на сайте нашла статью как это можно сделать: Можно ли изменить вид всплывающей подсказки?. Теперь у меня вопрос как передать кавычки через функцию toolTip. Например -Это рисунок: "Машины". Когда я передаю текст с кавычками у меня выдаёт ошибку: Uncaught SyntaxError: Unexpected token ILLEGAL
0 votes8 answers -
Отпимизация --- сайта
Где то видел такую тему, человеку очень помогли будем надеяться на тоже . Вот сверстал, как можно сделать его более компактным я в смысле кода. Буду рад если покажите на ошибки, дурные манеры. БЫТ п,с сори если тему создал не там,
0 votes13 answers -
AlphaImageLoader и ссылка
Есть div, в котором есть ссылка. Фоном для этого слоя задан PNG с прозрачными областями. Для отображения его в IE использую AlphaImageLoader. Ссылка при этом, хоть и отображается, но перестает быть ссылкой - не реагирует на наведения и клики. Вопрос. Это поведение фильтров IE каким-либо образом можно исправить, или лучше плюнуть и оставить ссылку как есть?
0 votes8 answers -
Select option добавить тег
Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?
0 votes9 answers -
Как подключить PIE.htc
Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.
0 votes15 answers -
Thumbnail custom для Owl slider
Здравствуйте. На сайте стоит слайдер Owl. Потрубовался функционал от него - thumbnail. Дописан следующим образом // 1 - assign each 'dot' a number dotcount = 1; jQuery('.owl-carousel_4 .owl-dot').each(function() { jQuery( this ).addClass( 'dotnumber' + dotcount); jQuery( this ).attr('data-info', dotcount); dotcount=dotcount+1; }); // 2 - assign each 'slide' a number slidecount = 1; jQuery('.owl-carousel_4 .owl-item').not('.cloned').each(function() { jQuery( this ).addClass( 'slidenumber-item slidenum…
0 votes6 answers -
Вместо Open Sans Condensed браузер рендерит системный шрифт
Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?
0 votes2 answers -
Подскажите Как Поменять Настройки Чтобы Читался Шрифт
Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…
0 votes4 answers -
Не работает "Enter" Internet Explorer
Не могу понять, почему в эксплорере не работает кнопка "Enter" при заполнении формы. Отправлять запрос приходится нажатием на кнопку мышкой. Хотя в Опере или Файрфоксе все нормально. <form action='poisk.php' method=POST> <table border='0' align='center'><tr><td><input name='kod' type='text' value='' MAXLENGTH='50'> </td> <td><input type='submit' name='submit' value=' поиск '></td></tr></table> </form> Что я не так сделал? UP. ссылка - http://autopremium.com.ua/poisk.php (за другое не пинать, пока интересует только эта проблема )
0 votes8 answers -
Неправильное отображение в Opera
В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #e…
0 votes9 answers -
Здраствуйет. Требуеться ваша помощь...
Здраствуйет. Требуеться ваша помощь. Нужно сделать выподающиее меню что то в этом роде http://vl-ubn.ru/index.html. Плз очень нужно.
0 votes9 answers -
Меню не расстягивается на 2 строки
В меню заголовок ,когда не помещается,нормально растягивается на 2 строчки,а самом меню вторая строка уже налезает на след пункт.хотела прикрепить принтсрин,не поняла как) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Кафедра медицинской биологии и генетики КГМУ</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало конте…
0 votes8 answers -
Не работает домен .pw, что делать?
Помогите пожалуйста, я зарегистрировал домен и хостинг на https://www.nic.ru/ сайт http://www.legat.pw/ , его синонимы www.legat.nichost.ru и legat.nichost.ru работают правильно, а www.legat.pw - нет. не знаю почему. в чём может быть проблема?
0 votes10 answers -
Меню разделенное логотипом
Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И
0 votes7 answers -
Не тянутся таблицы по высоте правильно
Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…
0 votes9 answers -
Как лучше реализовать?
Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.
0 votes21 answers -
CSS Parallax - откуда-то появляется горизонтальный скрол
Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…
0 votes0 answers -
Opera version hacks
Подскажите пожалуйста, как в CSS можно написать правило для конкретной версии оперы? Дело в том, что 7-я и 8-я по-разному размещают абсолютно позиционированный элемент. Тут уже обсуждалось решение с использованием PHP, но в моем случае лучше обойтись без этого. Благодарен за любые подсказки
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-