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
-
Почему не получается сделать sticky footer через отрицательный margin?
Делаю по тутору https://css-tricks.com/couple-takes-sticky-footer/ (1й способ) Не понимаю что не так
0 votes2 answers -
Отмена события щелчком мыши
При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/
0 votes3 answers -
Video Background автоматическое изменение высоты DIV под высоту текста.
Здравствуйте! Подскажите как сделать video background для DIV, и что бы высота div-a задавылась автоматически в зависимость от высоты текста внутри? Спасибо!
0 votes1 answer -
Трудности при вёрстке меню сайта.
Итак ... Проблема заключается в неопытности в вёрстке . Есть меню , обычное . При нажатии на главное меню кидает на главную , при нажатии на "Фото" кидает на фото . "Фото" состоит из тех же элементов что и "Характеристики" кроме текста , и пары других незначительных вещей . Как сделать переход на "Фото" или "Характеристики" , "Отзывы".Нужно ли создавать по 20 страниц , или можно сделать так чтобы просто менялась часть сайта ? в любом случае если что-то понадобится то пишите , я скину код или скриншот .
0 votes0 answers -
Почему свойство float убирает background?
<ol class="app"> <li><span>доставка от 2 дней</span></li> <li><span>скорость производства 600 м2/сутки</span></li> <li><span>гарантия от 5 лет</span></li> </ol> ol{ background: #7A7A7A; } ol.app li{ width: 100%; float: left; } https://jsfiddle.net/m1Lkwzuv/1/ Почему со стилем "float", свойство "background" не работает? если закомментировать "float", то заработает.
0 votes1 answer -
Передать в контактную форму значение <button>
Здравствуйте. На сайте 10 товаров, у каждого из товаров есть кнопка, при нажании на которую всплывает окно с вормой, после заполнения значения отправляются на почту. Для всех этих кнопок сделана одна форма, то-есть, на какую бы кнопку не нажал, передаётся один и тот же текст. Можно ли как-то сделать, чтобы при нажатии на каждую кнопку, автоматически добавлялось своё значение? Например: Можно сделать для каждый кнопки свою, отдельную форму, но так не очень хорошо. Можно ли обойтись одной? HTML <form class="form-header" id="form" method="post" name="form"> <div class="form-group"> <input class="form-control input-…
0 votes1 answer -
Бар код
Здраствуйте, есть необходимость сгенерировать бар код в html, кто нибудь знает как это сделать или скинуть ссылку на мануалку, в php хорошо генерирует, но надо желательно в html
0 votes1 answer -
Как сделать изображение на странице
Есть задумка сделать рекламку на странице чтобы она оставалась всегда в одном и том же месте,а не прокручивалась вместе со всем контентом.То есть по верх всего контента.Но у меня Джумла,там PHP и есть ли возможность туда затолкать Html код?Чтобы можно было залинковать эту рекламу на что либо.Типа как на Юкозе реклама в правом верхнем углу.Подскажите пожалуйста.
0 votes2 answers -
вопрос по верстке горизонтального сайта
добрый день уважаемые форумчане есть такой сайт mediteczt точка ру / cleanrus имеется ряд вопросов 1. скачет меню в разных браузерах вместе с контентом - особенно видно в опере. помогите отредкатировать 2. сайт представляет собой горизонтальную прокрутку которая осуществляется через ряд JS библиотек(приложил исходник) . так почему непонятно в один из BOX ов(boxaМИ называю эти самые сектора горизонтальной странички) я не могу вставить например простейшие lightbox или другие JS модальных окон? теоретически вставить можно но тогда идет конфликт с другой JS библиотекой и горизонтальная плавная анимация просто пропадает. как быть? ccылка на пример http://files.mail.ru/SPA4OX з…
0 votes1 answer -
Вопрос По Обтеканию Картинки Текстом...
есть на странице з закладки при выборе каждой из закладок текст на странице изменяется без перезагрузки страницы. поверх текста слева фотка. внимание вопрос как сделать так, чтобы фотку обтекал текст не зависимо от выбора закладки. пока мои идеи 1 разместить фотку в каждую закладку 2 в каждой закладке сделать пустое оптекаемое место(див) по размеру фотки может както попроще можно?
0 votes1 answer -
3 вопроса
Всем добрый вечер! 1. При увеличение масштаба в любом браузере появляется нижняя прокрутка. Это то ладно, но если прокрутить вправо, то видно, что футер и хедер обрезаны. Нашел 1 выход из этой ситуации: min-width: 1200px;. Но при этом, при увеличении масштаба хоть на 10% уже появляется нижняя прокрутка. Как сделать так, чтобы хедер и футер все-таки не обрезались?
0 votes0 answers -
Немного неточное выравнивание
При выравнивании строчных элементов столкнулся со следующей проблемкой: vertical-align:middle немного неточно выравнивает строчный элемент (в случае если контейнер четной высоты px) - в разных браузерах по разному (см. картинку) собственно код: 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>1px_top_gap</title> <meta name="description" content=""/> <meta name="keyword" content=""/> <link type="text/css" href="css/sty…
0 votes2 answers -
Проблема
Решается
0 votes4 answers -
CSS / Не подгружаются фоны для дивов !
Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.
0 votes3 answers -
Позиционирование фиксированного заголовка таблицы.
Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?
0 votes2 answers -
как это сделать?
Вот ссылка на сайт Моя ссылка Интересует как сделать к примеру верхнюю часть где цвет плавно переходит из синего в небесный ?
0 votes4 answers -
закругленные углы
как закруглить углы в css2.1 ? а то не проходит валидацию
0 votes3 answers -
Проблема табличной верстки
Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину. Вот сам макет: Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 1.Левый угол 2.Середина 3.Правый угол. Вот скриншот, направляющими разделена первая строка таблицы: Во второй строке таблицы я хочу расположить саму новость, но получаетс следующее: Вот код HTML: <table class="post"> <tr class="post_top"> <td class="ptl"></td> <td class="ptc"><div class="post_title">ПОСЛЕДНИЕ НОВОСТИ МОБИЛЬНОГО МИРА</div></td> …
0 votes8 answers -
бордер на уровне начала текста
у меня небольшая проблема, надо сверстать блок с бордером такой как на картинки, в чем закавырка бордер начинает на уровне начала буквы С, но из-за line-height это не так как получилось у меня, если посмотреть внимать там есть отступ 5px подскажите как можно устранить это недочет желательно средствами css и без дополнительной разметки, у меня есть вариант бэграундом и воспользивотся бэкграунд позишен но так же не хотелось бы использовать картинки , может кто знает другие варианты да и желательно что бы заканчивался на уровне букв http://jsfiddle.net/vKem2/
0 votes4 answers -
Размер шрифта в выплывающем меню
Всем джамбо друзья. у меня такой вопрос. вот картинка главной страницы http://storage3.static.itmages.ru/i/12/1227/h_1356616009_2486091_1055058102.jpeg . Можно ли сделать например для первых 4-х выплывающих строк (Реставрация - Отделка) жирный шрифт, а остальные оставить как есть? И сразу второй вопрос. Как закидывать сюда саму картинку, а не ссылку на нее? просто мне что-то подсказывает, что не все любят щелкать по ссылкам.
0 votes13 answers -
Помогите с картинками на сайте.
На этом сайте справа есть картинки (фотографии готовых работ) http://www.zmdizain.ru/ Как сделать чтоб при нажатии на картинку, она открывалась в таком окне, как на этом сайте? Заранее спасибо.
0 votes3 answers -
Не отображает спрайт
Не отображает картинку : <a class="icon-lj" href="#" target="_blank" title="FDDF" rel="nofollow"></a> Отображает если "div": <a href="#" target="_blank" title="FDDF" rel="nofollow"><div class="icon-lj"></div></a> Что не так?
0 votes2 answers -
Проблема с версткой
Вот выложил верстку на хостинг http://fh7927lb.bget.ru/ как сделать вот такой список(правое нижнее) http://s1.ipicture.ru/uploads/20140404/EHQBiDCo.png у меня почему та не получается сделать такой простой список. И еще вопрос. почему когда я прописываю .searshText Position:relative; а .searshButton position:absolute; top:0; right:0; почему кнопка улетает на самый верхний левый угол, хотя должна быть относительно текстового поля?
0 votes4 answers -
Как сделать похожий сайт
Добрый вечер. С помощью какого скрипта можно сделать похожий сайт, есть ли готовые шаблоны или он сделан из огромного множества скриптов?
0 votes2 answers -
конфликт двух форм
Добрый день, многоуважаемый all ! Не подскажете ли в каком направлении копать? Была на странице форма с вордпрессовой авторизацией. Потребовалось добавить под ней еще одну форму. После добавления имеем странную фишку - первая форма стала неактивной. Нельзя курсор поместить в поля, кнопка submit не работает. Полностью активна стала только вторая форма. Путем экспериментов выяснилось, что если из второй формы убрать все тексты, оставив только form, input, submit, то обе формы рабочие. Стоит для какого-то input-a добавить текст-описание (например, "введите имя"), получаем нерабочую верхнюю форму. Ссылка на страницу, для просмотра кода (код второй формы, под Личным кабинетом,…
0 votes5 answers