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
-
Перенос текста при абсолютном позицировании
В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …
0 votes1 answer -
Выравнивание по низу
Как в строчно-блочном блоке выровнить строчный элемент по низу? Я сделал так div{ height:500px; border:1px black solid; display:inline-block; vertical-align:bottom; } p{ border:1px black solid; display:inline-block; vertical-align:bottom; } <body> <div> <p>hkjhkj hjgjh ghjkg</p> </div> </body> vertical-align: Ведь выравнивает только строчные или строчно-блочные элементы, почему тут не сработало?
0 votes5 answers -
Изменить цвет фона заданный в виде градиента
Всем привет, А как правильно сделать цвет фона заданный в виде градиента background: linear-gradient(90deg, #D9E1EA 10%, #CAC9CE 90%); немного темнее или светлее? Я попробовал на глазок background: linear-gradient(90deg, #E3EBF4 10%, #D7D6DB 90%); и градиент перестал работать... Видимо нужно отнимать(прибавлять) к обем 16и значениям одинаковые значения? Чем в Kubuntu можно сделать такие расчеты? Спасибо!
0 votes2 answers -
upgrade Bootstrap v2.3.0 на v3.3.7
Всем привет, А сложно ли перевести приложение c Bootstrap v2.3.0 на v3.3.7 и какие могут быть сложности? И достаточно ли будет переписть каталог и все ссылки на файлы версии v3.3.7? Спасибо!
0 votes2 answers -
Сервис для создания страницы-редиректа
Есть ли какой-то сайт, который позволяет пользователю создавать одну пустую html-страницу, которую он может использовать под свои цели, в том числе, сделать с неё моментальный редирект? Чтобы были красивые адреса не интересует, просто рекомендовать каждому под такую нужду заводить себе полноценный сайт — это не самый оптимальный ход Подобно сервисам размещения изображений, только размещение html-страниц, с более-менее адекватным сроком хранения. Отсутствие регистрации, платы были бы чертовски приятным плюсом, но предложите хотя бы что-нибудь. В гугле не забанен, но он меня не понимает.
0 votes4 answers -
Спойлер без лишних блоков и затуманивание
Доброго времени суток. Возникла проблема, мне надо сделать спойлер, без лишнего блока, т.е. без разбиения текста на анонс и основную информацию. Смогла сделать только через ховером... а надо бы по клику >< И почему-то затуманивание не получается в месте обрезки сделать (если делаю через скрипт с разными блоками получается...) https://jsfiddle.net/p6dczm5k/2/ Спасибо )
0 votes5 answers -
Вжатая и отжатая кнопки
Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок. Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя. Вторая, наоборот отжатая - на неё можно нажать. Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/ Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.
0 votes2 answers -
ховер для картинки
Подскажите, пожалуйста ,как сделать что бы картинка при наведении мишки затемнялось ? https://jsfiddle.net/WebVerstka/eyy6xxdf/1/
0 votes2 answers -
Изображение вместо бордюра в CSS
Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…
0 votes17 answers -
Кнопка "вернуться назад". Ошибка TypeError: ... is null
Здравствуйте! Сделал кнопку "вернуться назад": //Move Backward Button var backwardButton = document.getElementById("button"); if (typeof backwardButton !== 'undefined') { backwardButton.addEventListener("click", function () { window.history.back(); }); } На страницах, где нет этой кнопки, появляется ошибка в консоли. В Firefox - TypeError: backwardButton is null, В Chrome - Uncaught TypeError: Cannot read property 'addEventListener' of null. Подскажите, пожалуйста, что я делаю не так?
0 votes2 answers -
Индикатор нахождения на странице
Доброго времени суток, хочу спросить у знающих людей, как можно реализовать следующую задачу... В меню навигации должен быть некий индикатор нахождения на странице, в виде белой полосы(полоса занимает не всю ширина и как бы отцентрована), вопрос какими способами можно её сделать при помощи css, если знаете несколько вариантов просьба их все перечислить! Код как бы не обязательно, меня интересуют именно способы реализации, возможно просто ссылки на статью или видео с примером!
0 votes7 answers -
Сделать первую закладку в табах активной
Здравствуйте! Помогите, пожалуйста, с задачей: Делаю вот такие табы - http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tabs_fade Возникло два вопроса: 1. При загрузке страницы все табы неактивны. Как средствами JavaScript сделать первую закладку активной (на примере - город Лондон и его описание)? 2.В примере все работает правильно. А вот у меня на локальной машине при переключении на таб страница почему-то прыгает вверх. Проверял на хроме и мозилле. Подскажите, пожалуйста, как избежать такого? Заранее благодарен за помощь!
0 votes3 answers -
В списке товаров пустые блоки
Всем привет, На странице Ссылка список товаров в 2 колонки но в некоторых случаях (в данном случае если нажать на 2ю страницу паджинации ниже списка ) появляются пустые места и один из товаров отображается ниже и непонятно почему так? Список товаров отображается через дивы : <div class="row nsn_woo_ext_search_woo_product_next_row col-xs-12 col-sm-6"> <div class="nsn_woo_ext_search_next_woo_product"> <ul class="nsn_woo_ext_search_ul_multiline"> А класс имеет пунктирный отображаемый бордюр... Дело в том, что там некоторые аттрибуты пусты и их НЕ нужно отображать, а нужно отображать только заполненный аттрибуты как в Color: Black…
0 votes1 answer -
Не могу анимировать посты
Необходимо анимировать посты сайта http://ekspert-uc.ru/training/gosudarstvennaya-sluzhba/ Нужно чтоб при наведении голубой прямоугольник выдвигался сбоку. Голубой прямоугольник фон постов вставился в файле loop.php <?php if(!is_single()){ global $more; $more = 0; } //enable more link ?> <?php /** Themify Default Variables * @var object */ global $themify; ?> <?php themify_post_before(); // hook ?> <article itemscope itemtype="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class("post clearfix " . $themify->get_categories_as_classes(get_the_ID())); ?>> <…
0 votes3 answers -
гибкий div
Всем привет, Сделал шапку блока под новый дизайн сайта, стилизовал их через div'ы (border'ами). Но никак не могу сделать что бы внутренние полосы(2 горизонтальные и 2 вертикальные, которые не на всю длину блока) были гибкими. Тоесть, что бы занимали все свободное пространство от заголовка "навигация" до конца блока по горизонтали. Уже все что знал перепробовал, не могу разобраться. Помогите чем сможете http://homeworld.su/swap/new.html
0 votes1 answer -
Помогите сверстать плейлист!
Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float. Нарисовал картинку для лучшего понимания вопроса. То, что есть сейчас <ul class="playlist"> <li> <i class="play_button">▶</i> <span class="artist">Seekae</span> <span class="track">Void</span> </li> </ul> li { line-height: 2px; font-size: 15px; list-style-type: none; height: 50px; } ul …
0 votes3 answers -
Помогите пожалуйста с созданием блока
Помогите как мне создать с права или слева на фоне блок как только не пробовал он постоянно либо выше сайта либо под сайтом создается
0 votes3 answers -
Не видны бегунки на слайдера
Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…
0 votes0 answers -
Проверка работы с <label>
Добрый день.Есть у кого возможность проверить ,если тут ошибки. https://jsfiddle.net/t01z1yyk/
0 votes4 answers -
xpath
Здравствуйте.Есть задание - (На странице https://www.google.ru/search?q=xpath Получить с помощью xPath все ссылки на результаты поиска Все имена ссылок на результаты поиска.). Так как с xpath я знаком со вчерашнего дня,появился вопрос: корректно ли написано задание(орфография и пунктуация сохранены)?И возможно кто-то сможет подсказать как это правильно реализовать. Sorry, если ошибся с разделом)
0 votes1 answer -
Пропажа бордюров
Здравствуйте! Помогите пожалуйста по следующей проблеме. У меня перестали отображаться бордюры с правой и с левой стороны. В чём может быть проблема? -moz-border-image: url(images/1.png) 10 20 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-image: url(images/1.png) 6113 0 0 fill stretch stretch; border-width: 30px; border-right: 30px solid; -moz-border-image: url(images/1.png) 10 260 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-width…
0 votes3 answers -
Простенькая форма-фильтр
Здравствуйте. Необходимо создать форму-фильтр с запросами get по ссылкам (ссылки запросов имеются) пример: см. скрин т.е имеется ссылка на запрос 1 пункта (марка), когда ее выбираю появляется выбор 2 пукта (модель), на который тоже есть ссылка-запрос.
0 votes1 answer -
на PC высота обрезана наполовину
Подскажите далею картинную галлерея с помощью карусели http://dev.foodlips.com/shared/restaurants/United-States и на PC высота обрезана наполовину а на мобильниках отображается полностью и непонятно почему... Спасибо!
0 votes1 answer -
Flecbox менюшка
Всем здравствуйте. Подскажите как правильно сверстать менюшку для смартфона (примерно как на рисунке). Нужно чтобы иконки выстраивались по три штуки в ряд, в три строки. Пытаюсь использовать Flexbox, но проблема в том, что иконки в контейнере subContent накладываются одна на одну по центру http://codepen.io/anon/pen/BLWvwj даже уже другая проблема с отображением в сафари, иконки не по центру, а прижаты к левому краю
0 votes1 answer -
Слайдер для одного блока
Здравствуйте, коллеги! Есть задача. Точнее, таблица с тарифами. На каждом столбце отделный тариф. На планшете и десктопе отображаеться нормально. На мобильном эта таблица должен преврашаться в слайдер с dot а(элемент управления) ми внизу. И каждый столбец(Тариф) должен показаться отдельно в соответсвие dot ами. Тоесть, та же таблица должен передвинуться налево или направо чтобы показать конкреткный "кусок". Как можно вот этот функционал реализовать? Спасибо.
0 votes5 answers