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 содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать
0 votes4 answers -
Некорректно работает transition-duration
Добрый день! Я уже замучился, не пойму в чем проблема. Делаю так, чтобы при наведении на главный пункт меню, сверху плавно выезжали подпункты. Вот код: HTML <div class="menu goods"> <a href="#">All goods</a> <ul class="submenu"> <li>first</li> <li>second</li> <li>third</li> </ul></div>CSS .goods:hover .submenu{ transform: translateY(0px);}.submenu{ margin: 0; padding: 0; list-style: none; transform: translateY(-300px); transition-duration: 1s; transition-property: transform;}Это работает, но проблема в следующем: К…
0 votes0 answers -
Указание width и height
На html академии выложили правила написания вёрстки https://htmlacademy.github.io/codeguide/ У меня вопрос относительно пункта "Размеры картинок", а в частности указания "Изображениям <img> должны быть явно заданы с помощью атрибута размеры". Нет, для SVG я ещё могу понять зачем это нужно. Но для остальных картинок зачем это всё в 2015-ом году?
0 votes3 answers -
ширина сайта
Здравствуйте! Для какого разрешения экрана нужно брать ширину сайта в первоначальном виде? ( читал, что большинство использует монитор 1024px). Как лучше верстать если у меня монитор 1600px? Нужно просто сжимать окно браузера до 1024 и по нему смотреть? Как делаете вы?
0 votes2 answers -
Верстка выпадающего меню
Добрый день! Подскажите, можно ли при верстке выпадающего меню закрепить его в открытом положении без особо сложных манипуляций с css кодом?
0 votes3 answers -
всегда ли нужна ли отдельная таблица?
помогите пожалуйста разобраться в вопросе наиболее логичная практика при добавления признака объекту это использование отдельной таблицы. например есть объект User. требуется добавить признак role. роли всего три: admin, manager, regular . далее обычно создаётся отдельная табличка в БД: id role_title0 admin1 manager2 regularэто логично и хорошо но если признаков не много(например 2 или 3, как в описанном случае), то во многих туториалах советуется не использовать отдельную таблицу, а реализовать признаки средствами фреймворка. при этом модель приблизительно это выглядит так: f.input :role, as: :radio, collection: {Regular: "regular", Manager: "…
0 votes0 answers -
Социальные иконки Bootstrap
Надо сделать такие кнопки: http://bootsnipp.com/snippets/x42W http://lipis.github.io/bootstrap-social/ здесь код переделки http://jsfiddle.net/ynLtd8wb/1/
0 votes0 answers -
Checkbox и его id
Здравствуйте. У меня вопрос - как долго сможет прожить checkbox/radio без id? Конструкция простая <label for="some_data" class="some_class"> <input type="checkbox" name="some_data" id="some_data"> <span></span> (кастомная часть) Some sontent </label>В <span></span> (кастомная часть) происходит что-то красивое в виде галочки желтого цвета. Я так понимаю, мы могли бы обойтись name, как пишут тут - http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1 Поместив инпут в <label>. Но как быть с кастомизацией в этом случае? Ведь тогда чекается тот нативный инпут, который мы прячем.
0 votes12 answers -
Как сделать адаптивные изображения
Всем привет! Структура такая: <div class="tovar"> <div class="kartinka"> <img ... > <div> <div> Высота дивов фиксированная. Ширина меняется под ширину браузера. Сама картинка (img) и высоту и ширину меняет пропорционально при изменении ширины браузера, но не должна вылазить за пределы своего дива <div class="kartinka"> Все картинки разного размера, квадратные, прямоугольные, большие, маленькие, вертикальные, горизонтальные. Надо чтобы весь этот сброд автоматом втиснулся каждый в свой див, выровнялся по горизонтали и в дальнейшем масштабировался. Какие стили нужно задать? Сам пробовал. Делал обертку для <img> с помощь…
0 votes4 answers -
При вставке иконки в input через src или background-image ничего не происходит.
Я только начал писать сайты и при верстке столкнулся с проблемой, в поле input хочу вставить иконку перед placeholder-ом, но при подключении ничего не происходит, так же пытался это сделать через background-image, но все равно ничего. Подскажите пожалуйста что не так? https://jsfiddle.net/sxrfwup0/
0 votes1 answer -
Выпадающий список
Помогите, люди добрые!! Совсем запутался в решении проблемы... В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/ Заранее спасибо!
0 votes2 answers -
Анимированный саундтрек
Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?
0 votes2 answers -
Как сделать форму подписки на Landing Page?
Здравствуйте уважаемые форумчане! В програмировании я не разбераюсь и поэтому мой вопрос может показатся глупым для опытных людей, но всё же имеет место быть. В крации объясню проблему. На днях мне понадобился Landing Page, но так как уже говорил, что я в програмировании не "бум-бум" , то естественно решил рипнуть шаблон с другого сайта ( да постигнет меня кара небесная за столь отчаяный поступок). И столкнулся с проблемой. Как мне настроить форму обратной связи, что бы оповещения о заказе приходили ко мне на почту ? Что куда нужно вписать и какие именно строчки в коде мне нужно искать ? Заранее благодарю за ответ!
0 votes3 answers -
Как проверить вёрстку в ie-9 ? чтобы его не устанавливать себе.
Не получается проверить вёрстку в ie-9, поделитесь ссылкой на тестер или хороший он лайн ресурс.
0 votes4 answers -
Помогите оптимизировать под Мозилу FF два случая.
Везде отображается нормально но в Мазиле полный крах. http://joxi.ru/l2ZR6d4s9EGP2J и второй крах: http://joxi.ru/V2VLKlbf6KXMrv во втором случаи нормально выглядит так http://joxi.ru/1A5xpgKIeG6Y2E.
0 votes1 answer -
Помогите решить, как сделать чтобы при нажатии на крестик исчезал блок.
<div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </tr> </table> </div>…
0 votes2 answers -
Общие вопросы
1.Скажите для background font list-type Значение могут идти в любом порядке ? 2. Не могу понять как при помощи line-height можно выравнивать текст. Например высота p 45px почему когда я беру line-height 45px у меня текст выравнивается по середине ? Где находится базовая линия шрифта ? 3. Подскажите хороший бесплатный хостинг для картинок ? 4. У блочной модели можно прописывать margin, padding, position, width, height. У строчной прописывать это нельзя ? Что такое inline-block ?
0 votes6 answers -
\r\n в тексте
При написании или вставке скопированного текста в форму на сайте, после сохранения появляются вот эти символы \r\n вместо пробелов. Я так понимаю не работает обработка переноса строк на сайте, подскажите как исправить?
0 votes11 answers -
Не меняется размер/цвет шрифта внутри div
вопрос решен. тему можно закрыть! спасибо!
0 votes1 answer -
Вопрос по верстке письма
Всем привет! Прошу совета у тех, кто сталкивался с версткой писем. Есть шапка, на мобильных ее нужно перестроить. Белые прямоугольники - картинки. Края закругленные, полагаю нужно делать картинками, а не border-radius. Резиновость попробовал сделать, заменив пустую середину шапки на резиновый столбик с цветом шапки. Получилось. Но вот как перестроить при табличной верстке картинку и ссылку вниз я вообще не знаю. Подскажите хотя бы способ как это можно сделать, принцип, а я додумать постараюсь.
0 votes1 answer -
Смена просмотра браузера в phpDesigner8
Доброго времени суток, господа. У меня такая нелепая ситуация. Скачал phpDesigner8. Пишу там код, а во вкладке run все браузеры для просмотра исходного кода, кроме IE неактивны. Сталкивался кто-нибудь с такой проблемой? Подскажите, как решить этот вопрос.
0 votes4 answers -
Атрибут selected у нативного селекта при наличии кастомного
Здравствуйте. Вопрос меня мучает. У нас есть несколько селектов, которые кастомные, естественно, куда ж без них. Стоит два селекта, правда. Для одного требовалась кастомная прокрутка еще, а второй не реализован согласно функциональному дизайну, так как тот со скроллом не осиливал его. Суть вот в чем. Атрибут selected у нативного браузерного <select>'а не меняется в соответствии с выбранной опцией, но: 1 - jquery ui select - даёт нам атрибут aria-activedescendant c id от выбранного элемента. ui select оставляет нативный, прячет его. 2 - cusel - даёт класс cuselActive для выбранного элемента. cusel замещает, генерируя список. С таким набором можно идти в бек-енд…
0 votes5 answers -
Вопросы по api яндекс карте
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как запретить zoom в карте? И можно ли поменять цвет карты? Сейчас она такая: А хотелось чтобы она была такого цвета Возможно ли это?
0 votes8 answers -
Сложная вёрстка: 4 столбца
Прикладываю рисунок чтобы было нагляднее. Суть простая. Макет имеет 4 столбца - левый и правый динамичные - второй слева 400px - второй справа 600px Соответственно макет может расширяться, но не должен сужаться меньше 100px. Т.е. крайние могут уменьшиться до 0%, центральные всегда имеют одинаковый размер и должны центрироваться. И каждая из сторон имеет свой цвет Сам пытался, перепробовал разные Фреймворки - практически беда одна, при уменьшении окна браузера центральные блоки наезжают друг на друга.
0 votes18 answers -
Bootstrap и twitter bootstrap
Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи? (если что, bootstrap -- только недавно начала изучать)
0 votes16 answers