HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
При наведении исчезает картинка
У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …
0 votes2 answers -
Как сделать такую полоску?
Посмотрите на этот макет: http://f-lite.ru/lfp/i023.radikal.ru/1405/c8/027ef6b4990d.jpg/htm там есть слово MEDIA и полоска идет. так вот, как ее можно осуществить?
0 votes2 answers -
Помогите определиться как именовать сущности
Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?
0 votes4 answers -
переход от блока к блоку в виде стрелки
http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.
0 votes0 answers -
Как сделать такую рамку?
http://joxi.ru/UDprU_3JTJA3U4xzJu8 как сделать такую рамку?
0 votes3 answers -
Позиционирование блоков с наездом
Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?
0 votes4 answers -
Сбился код! Удалила div, помогите восстановить!
Случайно удалила где-то div.. Помогите восстановить! Сбился именно BLOCK RIGHT, он не отображается на сайте <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> #%HEAD%# <link rel="stylesheet" href="/tpls/default/images/style.css" type="text/css" media="screen, projection" /> <!--<link rel="stylesheet" href="/js/jquery.pointpoint/jquery.pointpoint.css" />--> <!-- [if lte IE 6]><link rel="stylesheet" href="/tpls/default/images/style_ie.css" type="t…
0 votes2 answers -
Блок заказа поверх страницы
Добрый день! Можете подсказать, как ввести аналогичный алгоритм показа блока заказать звонок поверх страницы, также как указано на этом сайте? http://bloky.ru/ Когда нажимаем кнопку "Заказать обратный звонок", появляется форма заказа поверх страницы. Как можно написать такой java-код либо можно ли его позаимствовать с этого же сайта?
0 votes2 answers -
Закрепление картинки в правой части страницы по середине
Добрый день! Помогите, пожалуйста! Нужно закрепить картинку 40*150 px к правому краю страницы, сделать её зафиксированной при прокрутке. Картинка должна быть с ссылкой. Можно ли как-нибудь это сделать? Пример: на многих сайтах висит зафиксировано кнопка "задайте вопрос оператору". Нужен код для аналогичной картинки-ссылки..
0 votes3 answers -
:lt, :gt, :eq какова поддержка браузерами?
Удалите тему плз
0 votes8 answers -
Как сделать такой вид контента?
Здравствуйте! Как сделать такой вид контента как на картинке, много таких сайтов видел. чтобы каждый блок начинался после окончания предыдущего. Заранее спасибо.
0 votes4 answers -
стандартное поле загрузки файла в форме. проблема с value
помогите пожалуйста разобраться существует стандартное поле загрузки файла. не понятно где в разметке хранится имя загруженного в форму, но ещё не отправленного файла. на моём рисунке видно, что в инспекторе value="23", но на экране браузера загружен файл eat.jpg
0 votes5 answers -
кнопка меню - прямоугольник под наклоном
Добрый день. У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке
0 votes5 answers -
Не понимаю на что ругается валидатор
Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />
0 votes5 answers -
Помогите пожалуйста с темой BRUSHED
Понравился сайт на HTML5 и решил в нем покопаться, но т.к учусь верстать недавно, сайт вызвал восторг, но у меня не получается следующее. — на слайд шоу надпись "BRUSHED", не могу найти где её изменить — не могу настроить контактную форму _______ Если кому не трудно помогите, два дня уже копаюсь. Так же прикладываю архив с сайтом. http://yadi.sk/d/Rjz34RsmPFVVv
0 votes5 answers -
Таблицей или дивами?
Содержимое, выделенным красным цветом, сверстать таблицей или дивами?
0 votes8 answers -
как классу .title сделать максимальную ширину до класса .some?
как классу .title сделать максимальную ширину до класса .some если оба класса в одной строке? код тут http://jsfiddle.net/mkWm2/1/
0 votes1 answer -
Сколько денег можна взять за верстку этого сайта ?
Сколько денег можна взять за верстку этого сайта ? http://bmdekor.ru/
0 votes15 answers -
я нечаянно выключил комп
Когда верстал сайт, я нечаянно выключил комп и когда теперь открыл файл style.css там сплошной NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NULкак исправить? все стили пропали, обидно может кто-нибудь сможет восстановить http://file.sampo.ru/jgndfr/
0 votes16 answers -
Проблема с горизонтальным меню
Всем привет! У меня такая проблема: не могу отформатировать горизонтальное меню. Пример можете посмотреть здесь http://testshop.mcdir.ru/ Скачал его на rudebox но у меня оно почему то не работает. помогите, плиз!!!
0 votes6 answers -
Углы на css
Помогите сделать на css. Может кто статейку с подобным заданием скинет, буду благодарен.
0 votes1 answer -
Помогите найти ошибку.
Добрый вечер! Есть проект http://test.tvshop-kz.com. Когда посетитель нажимает на "В корзину" появляется корзина, которая показывает количество товара и общую стоимость. Но есть два странных момента: 1.Не все товары можно добавить в корзину, при попытке добавить некоторые товары, вместо них добавляется какой-то другой. 2.Если в аттрибут id товара вставлять его id а не имя, то добавление вообще не работает. Подскажите куда копать. function incart(id,val){ var checkboxes = document.getElementsByTagName('input'); var sum=0; var carted = 0; var l = checkboxes.length; for (var i=0; i < l;i++) { var checkbox = checkboxes[i]; if (checkbox.type == 'checkbo…
0 votes2 answers -
картинка в input
Как сделать так, что бы текст начинал печататься внутри рамки, а не впритык? http://jsfiddle.net/Su5Pa/
0 votes5 answers -
Есть ли на примете похожая программа?
https://tinypng.com/ Только оффлайн.
0 votes3 answers -
table-cell
обязательно ли разметка должна быть такой? <div class="table"> <ul class="table-row"> <li class="table-cell">Ячейка 1</li> <li class="table-cell">Ячейка 2</li> <li class="table-cell">Ячейка 3</li> </ul></div>или можно воспользоваться только table-cell
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-