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
29,542 questions in this forum
-
Как сделать так чтобы при наведении на картинку в отдельном поле появлялось название ссылки
Хочу сделать сайт на главной странице которого будет только одна картинка,на которой будет изображён фотограф(фотогалерея),почтовый ящик (контакты) итд. Всё это составляет единую компазицию.Есть 2 вопроса 1.Как лучше сделать ссылки ,чтобы они были отдельными картинками-ссылками или создать ссылочные области? 2.Как сделать чтобы при наведении на картинку(область) в отдельном поле появлялось название ссылки?
0 votes1 answer -
спрятать сверху и снизу белый фон
как спрятать сверху и снизу белый фон http://ws-host.com/1.html под рамку <html> <head> <title></title> <style> body { background: #f00; } .page { height: 500px; width: 500px; } .bg1 { background: #fff; margin: 50px; } .bg2 { background: url(border.png); margin: -50px; height: 500px; width: 500px; } .content { padding: 100px; } </style> </head> <body> <div class="page"> <div class="bg1"> <div class="bg2"> <div class="content"> khkhh i gyi gi gi gi i i o oo ho h hp <br /> khkhh i gyi gi gi …
0 votes4 answers -
Специфичность селекторов
Есть следующий код html <!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" xml:lang="ru"> <head> <title>Специфичность селекторов</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="style35.css" type="text/css" /> </head> <body> <div class="one"> <p title="privet">Это просто первый абзац текста</p> </div> </body> </html> и следующий код css p[title="privet"] { background: #ff0000; } .one p { background: #…
0 votes3 answers -
Помогите z-index
Почему красный не перекрвает зелёный? z-index задал вроде правильно!Получается вот так http://mepic.ru/view/?id=c0936491def5d858001c54a643eccc24 , а нужно наоборот.Подскажите что не правильно! ВОТ КОД <!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="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> .feature_img { background:#F00;/*КРАСНЫЙ ЦВЕТ*/ height:100px; width:170px; z-index:1; } .content_background{ background:#699;/*ЗЕЛЁНЫЙ ЦВЕТ*/…
0 votes2 answers -
Задание из практикума
http://cssdeck.com/labs/8oz4cgnn При наведении не то что надо. Дайте подсказку . Код писать не надо..
0 votes8 answers -
Как так сделать?Border
Как сделать такое?Создать div общий,задать ему нижний бордер,внутрь него залить еще один див с высотой оранжевого фона? Это правильное решение или может быть лучше и как-то по другому?
0 votes7 answers -
Помогите решить задачу с :hover
В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit
0 votes10 answers -
Как это можно сделать ?
http://itmages.ru/image/view/1691537/6325a0ca как можно сделать такое ?
0 votes9 answers -
Вопрос про background-image
Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает? http://cssdeck.com/labs/srcuojfw В HTML на 9 строке, добавьте к свойству background " -image ".
0 votes8 answers -
Сайт в результатах поиска
Добрый день! Подскажите как сделать чтобы в поисковиках отображалась не только главная страница но и некоторые другие. Вот например если спросить у гугла 7 zip он выдаст ссылку на главную и под ней сразу еще ссылка на скачивание и ссылка на
0 votes2 answers -
Позиционирование фонового изображения
Всем привет. Народ, делаю сейчас страницу: Ссылка Но никак картинку не могу спозиционировать, чтобы она вообще отображалась, как на главной странице: http://busik.top/ И в футере картинка на задний план уходит почему то. Пробовал с z-index играться, но результата не дало. Помогите пожалуйста, как CSS подправить, чтобы всё нормально отображалось? Скрины: Скрин1 Скрин2
0 votes1 answer -
Цвет рамки вокруг кнопки
Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?
0 votes4 answers -
Позиционирование изображения с помощью vertical-align: middle
Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.
0 votes7 answers -
Табы внутри аккордеона
Добрый день. Возможно кто-то возьмется мне помочь. https://codepen.io/brezze/pen/mzJmeJ Слева есть года, реализованы в виде аккордеона, по клику на год, открывается нужный нам. Слева табы, у каждого года есть свои табы. Например сейчас открыт 2018 год, если мы кликаем на второй таб 2017 года, 2018 год закрывается, открывается 2017 на втором активном табе
0 votes0 answers -
Посмотрите пожалуйста ситуацию
Как мне разместить эту фигуру на два сэкшина одновременно?
0 votes1 answer -
Списки в ИЕ
есть скрипт выпадающего списка... цсс #pmenu {padding:0; margin:25px 0 50px 15px; list-style-type: none; width:101px;} #pmenu ul {padding:0; margin:0; list-style-type: none; width:201px;} #pmenu li {position:relative;} #pmenu a, #pmenu a:visited {display:block;width:200px; font-size:10px; color:#000; height:23px; line-height:22px; text-decoration:none; text-indent:5px; background:#b2ab9b;; border:1px solid #fff; border-width:0 1px 1px 0;} #pmenu li:hover > a {background:#dfd7ca; color:#c00;} #pmenu li ul {display: none;} #pmenu li:hover > ul {display:block; position:absolute; top:0; left:201px;} хтмл <ul id='pmenu' name='pmenu'> <li class="tree_li">&l…
0 votes2 answers -
DIV по середине
У меня такая проблема как сделать чтобы блок див был по середине в Internet Explorer 8? маргин авто результатов не даёт(((( в этом блоке должен быть весь сайт..... в других браузерах прописывал марген авто и было всё норм....
0 votes1 answer -
Ccылка на другую html страницу
Подскажите такую туку. Есть главная страница index.html с обычным кодом: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body> <table> <tr> <td> ... </td> </tr> </table> </body> </html> И есть страница з формой напр. form.html c кодом: <form name="form" id="form"> <select name="oblast" id="oblast"\> <option>AР Крим</option> <option>Волинська</option> <option>...</option> </select> </form> Как подвязать код из страницы form.html, чтобы не вводить…
0 votes1 answer -
Проблема с кнопкой.
Здравствуйте, товарищи. Возникла одна сложность, хочу спросить мнение: создаю кнопку, меняющую цвет. использую <a href="ссылка" onmouseover="document.pm1.src='картинка_1'" onmouseout="document.pm1.src='картинка_2'"> <img src="картинка_2" name="pm1" ></a> при этом хочу, чтобы ссылкой была не вся картинка, а только часть. Пытаюсь для этого использовать навигационную карту: <map name="karta1"> <area href="ссылка" shape="rect" coords="10,10,160,140"> </map> и теперь не знаю, куда подставить "usemap="#karta1", чтобы работало. Пытался подставить в разные места - эффекта никакого.
0 votes4 answers -
багс наследием у div
интегрирую дизайн в hxxp://svitelektro.com.ua/pvs.html c hxxp://www.shape5.com/demo/shopper_frenzy/index.php?page=shop.browse&category_id=13&option=com_virtuemart&Itemid=80&vmcchk=1&Itemid=80 проблема в том, что начал наследоваться один стиль который применен к div на hxxp://svitelektro.com.ua/pvs.html видно там картинка в списке товара повторяется где я допустил ошибку? Помогите плз уже минут 40 ищу
0 votes2 answers -
Автоматическое создание якоря по заголовкам
В word-е есть такая функция как "Оглавление и указатели", с ее помощю можно создать авто содержания по заголовкам. Далее это все можно сохранить в html виде, в итоге получится у нас документ с проставленными якорями по заголовкам, но word-е это делать плохо так как много мусора, может есть другие программы, или,или.. которые могли бы в таком автоматическом режиме проставить якоря?
0 votes4 answers -
Как отцентрировать список внутри дива по вертикали?
html: <div id="header"> <div id="menu"> <ul> <li class = "first"><a href="">О нас</a></li> <li><a href="">Ароматы</a></li> <li><a href="" target = "_blanc">Подарочные наборы</a></li> <li><a href="" target = "_blanc">Галерея</a></li> <li><a href="" target = "_blanc">Уход за кожей</a></li> <li><a href="" target = "_blanc">Косметика</a></li> <li><a href="" target = "_blanc">Аксессуары</a></li> <li><a href="" target = "_blanc">Контакты</a>…
0 votes0 answers -
Переход ВВЕРХ-ВНИЗ
Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положени…
0 votes2 answers -
<video> background, соц. кнопки
1. Подскажите как поставить в беграунд видео? Стандартно я так понял в видео <video> нет параметра такого. Нашел скрипт, но он прототайповский, я у меня кругом jquery. Если noConflict делать, то это надо все jquery же пересматривать, и делать единообразный $. Пробовал кучу html5 плееров, то ли плохо пробовал, то ли чего, но тоже ничего не получилось. Есть может у кого нибудь пример? Подскажите что нибудь. Спасибо. <!———————> 2. Не хочу создавать отдельную тему, можно ли передизайнить кнопки "Мне нравится", "like it" ну и "tweet"? Как кстати у вас тут внизу. Я так понимаю надо перехватывать стили, что он выводит, и свои подставлять?
0 votes2 answers -
как это сверстать?
совсем запарился с версткой этого элемента, помогите!!!! http://pixs.ru/showimage/303jpg_5118049_4722220.jpg
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-