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
-
Галерея
Нубу нужна Ваша помощь, мне нравиться галерея в htmlkickstart, но у нее есть некоторые недочеты. Допустим в блоке у меня есть png изображение с заданным hover, необходимо чтобы при нажатии открывалась другая картинка заданного размера, открывалась в этом же окне с возможностью закрыть, желательно без лишней анимации Подскажите с помощью какого скрипта это можно реализовать ?
0 votes1 answer -
Хитрое форматирвоание
Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?
0 votes6 answers -
Как сделать возможность загрузки музыки как в ВК?
Чтоб можно было взять музыку и добавить на сайт
0 votes1 answer -
растянуть фон блока внутри фиксированного листа
Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…
0 votes2 answers -
Нестандартные колонки
Добрый день! Хочу сделать колонки, которые идут в порядке 1 -> 2 3 -> 4 5 -> 6 при том блоки могут быть разной длинны Но из-за этого между ними создается разные отступы. помогите мне пожалуйста сделать отступ одинакового расстояния. Вот ссылка на макет: https://jsfiddle.net/71zmeo0c/
0 votes3 answers -
Можно ли радиокнопку превратить в список?
Дизайнер нарисовал, что в обычной версии - размер одежды выбирается кнопками. А в мобильной версии, кнопки превращаются в список (дизайнер вдохновился этим сайтом) Но я не пойму как реализовать это. На том движке что делаю (опенкарт) опции одежды выбрал радиокнопки. Можно ли их каким-то образом теперь превратить в список? вижу пока только 1 вариант - дублировать опции. На компьютере показывать одни и скрывать вторые и наоборот. Или может как-то можно это в css сделать?
0 votes1 answer -
ошибка в dreamweaver
Здравствуйте уважаемые форумчане! Проблема с выпадающим вертикальным меню. На одной из страниц вот такая ошибка. Меню выпадает из картинки.
0 votes0 answers -
Проблема с FireFox
В общем проблема в следующем. Сделал меню сайта во вкладках (взял код с шаблона wordpress). Во всех браузерах работает замечательно кроме FireFox. Вот на скрине пример того как должно выглядить меню в ФФ _http://savepic.org/2278978.jpg, а показывает она сейчас вот так _http://savepic.ru/3101406.jpg. Не могу понять в чем может быть проблема. В javascript'е нет проблем, потому как я удалил вообще всю яву, а проблема осталась той же. Скорее всего проблема в CSS HTML код меню <ul id="tabs" class="tabs"> <li><a href="#" rel="tab1" class="selected">Меню 1</a></li> <li><a href="#" rel="tab2" >Меню 2</a></li> <div id="t…
0 votes1 answer -
не отображается css
код html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"> <div class="shapka"></div> </div> </body> </html> код css html,body .vse { background-color : #cccccc ; } .shapka { background-color : #ccffcc ; float : left ; height : 20% ; width : 20% ; } проблема в том что не робит класс shapka при добавлении абсолютно любого догтайпа (без догтайпа все норм но страдает кросплатформенность)
0 votes1 answer -
Создание панели текста?
Как делаются такие панели для текста
0 votes2 answers -
Проблема со слоями в IE
Какая-то идиотская проблема с размещением слоев именно в IE, firefox и Chrome отображают все как нужно. Есть несколько слоев которые идут слева направо, и под ними еще один слой который по идее должен прилегать без зазоров. Но почему-то именно в IE между ними появляется зазор. Высота текста ни на что не влияет я его вообще убирал, соседние с "Users' list" слои тоже - их отключал. Зазор все равно остается. Ну что за нафиг? Код: <div style="margin: 0 0 -1px 50px; background-image:url(TabBackground.png); background-repeat: repeat-x; float: left;"> <img src="LeftTab.png" width="20" height="30"><span class="ActiveMenu">Users' list</span><img src="R…
0 votes2 answers -
Нужна помощь с img
В общем суть проблеммы такова: Вот путь к файлу: <img src="images/adverts/8/logo_889458.jpeg"/>, его браузеры не показывают, а когда этот же файл находится просто в папке <img src="images/logo_889458.jpeg"/>, то все нормально. Что делать? Заранее благодарен.
0 votes4 answers -
Можно ли эту вид материалов сделать при наведении курсора картинка становится полупрозрачным
Вот код <center><a class='north' href='$ENTRY_URL$' original-title='$TITLE$, $SECTION_NAME$, $CATEGORY_NAME$'><img src="$IMG_URL1$" width="80" height="80" class="app_cat_image"></a> Смотрите работу материала http://vigrakh.ucoz.ru на главном странице есть рекомендуемые игры
0 votes2 answers -
Подскажите по вёрстке 2х блоков
Есть 2 колонки right и left В каждой из них находится по блоку right1 и left2 соответственно в исходном положении это выглядит примерно: при раскрытии контента в right1 блок увеличивается по высоте (там аккордеон) Соответственно это выглядит: в результате нужно , что бы при "раскрытии" right1 - left1 стремился к низу, ну скажем к футеру. Так никак не получается сделать, т.к. если ставишь везде высоту 100% то блок растягивается на экран, а если контента больше чем на экран всё остаётся как на 2й картинке. Поможите советом как реализовать???
0 votes4 answers -
фон у шапки
Не работает background-image у header, хотя с footer'ом все отлично. Не могу понять в чем дело! <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <link rel="stylesheet" href="css/menu.css" …
0 votes2 answers -
Непонятка с относительным размером шрифтов
Здравствуйте. Начну с исходных данных: DOCTYPE страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Нужные части CSS: body{ font: 62.5%/1.6em Arial, sans-serif; } СУТЬ ПРОБЛЕМЫ: Весь текст на странице изначально (при дефолтном размере шрифта в настройках браузера 16px) отображается как задумано и размер шрифта сопоставим с 12px. Но, если на данной странице часть данных подгрузить с помощью AJAX, размер шрифта в загруженных данных будет визуально отличаться (он будет меньше) от размера шрифта в "родных" элементах страницы. А если некий JS код из подрруженных с помощью AJAX данных ещё …
0 votes3 answers -
Ошибки при заходе на сайт
При заходе на сайт вылазят две ошибки.Помогите исправить. http://h39755.srv0.test-hf.ru/sourcebans/
0 votes2 answers -
Селекторы, классы
Всем привет, начал изучать данные технологий, почитал кое-что у нас, на стороне (ру/en) Возник вопрос в в таких записях типо: #div ul{...} #div ul li{...} #div ul li a{...} видел еще много подобных (если не изменяет память, то что то из разряда ul.div li) Зачем используются такие записи (их цель назначение, а еще важнее как работает) Это понятно, что мы задаем стиль для списков, ссылок, но почему нельзя делать это например по одному, например все что отностися к UI записать сразу все в одном стиле (хотя получится громоздко) Заранее спс
0 votes2 answers -
Выровнить
Здравствуйте дорогие друзья. Подскажите пожалуйста, вот HTML код <!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> <!-- В контакте --> <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> <script type="text/javascript" src="http://vk.com/js/api/share.js?11" char…
0 votes1 answer -
Подскажите проверку
Я хочу сделать проверку формы как в задании http://htmlbook.ru/practical/forma-registratsii, где число с картинки, возможно чтобы это реализовалось только css и html ?
0 votes1 answer -
position:absolute;
Я так понял, когда указываешь position:absolute; для дива или для параграфа, вся рамка, независимо , где она была, поднимается вверх и прижимается к левому углу, а потом указываешь офсет, куда ей надо двигаться. Я правильно понял???
0 votes2 answers -
Помогите найти ошибку
Подскажите, как исправить ошибку? Вот ссылка.
0 votes2 answers -
Окно с прокруткой - заблокированное
Скажите пожалуйста, вот как сделать такое же окно ТОЛЬКО заблокированным, т.е. чтобы прокрутка работала, а вот сам блок с текстом был заблокированным, т.е. не только чтобы сам текст не выделялся но и блок в котором текст (как бы словно витрина, смотреть можно, но не трогать)? ВоУ как здесь http://htmlbook.ru/css/height
0 votes2 answers -
Submit-сылка
Есть такой код: <a href="#" title="Отправить"><input type="submit" value="" />Отправить</a> Имеет ли право на существование? На сколько это корректно?
0 votes3 answers -
Начал изучать PHP? нужна помощь
В общем начал изучать сайтостроение три месяца назад... сейчас уже есть почти готовый сайт с использованием PHP... Осталось сделать совсем "немного", это доработать регистрацию и сделать многофункциональную доску объявлений... столкнулся с проблемой-не знаю ответы на несколько вопросов: 1) как сделать так чтобы сессия в коде работала постоянно (регистрация)... когда заходишь он говорит что все нормально вы авторизированы..., а когда жмешь выйти, он говорит что эта страница для авторизированных пользователей, хотя в обработчике выхода явно указано условие, что такую надпись выводить только после условия отсутствия сессии.. (куки не удаляются, сессия в авторизации присутств…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-