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
-
overflow-y: visible не работает если overflow-x: hidden
Всем доброго времени суток У меня возникла проблема с overflow. Вот упрощенный пример, для того чтоб "потрогать" проблему. В этом примере есть контейнер, и в нем абсолютно позиционированный элемент. Контейнеру заданы свойства overflow-x: hidden и overflow-y: visible для того чтобы все что вылазит за пределы контейнера по оси X скрывалось, а все что вылазит по оси Y - показывалось, при этом скролл на компоненте отображаться не должен. Но эта связка не работает (как видно на примере - у контейнера появляется скролл бар), однако если у контейнера изменить overflow-x c hidden на visible все работает как надо - скролл бар пропадает и абсолютно позиционированный элемент ст…
0 votes14 answers -
owl carousel - 2 вопроса
Коллеги, просьба помочь советом. Сайт www.lazurit.mini-mall.ru Установил 2 слайдера owl-carousel в первом куда то "спрятались" стрелки навигации, при уменьшении разрешения, появляются, как их вывести на свет божий, посоветуйте. А во втором никак не могу выровнять текстовый блок с отзывами по вертикали, все способы вроде попробовал - не получается! Буду признателен за помощь!
0 votes3 answers -
padding для IE
Добрый день, имеется код: <div> <ul> <li>текст</li> </ul> </div> Во всех браузерах для li назначено padding 5px, а для всех ie 10px. Создал отдельный фаил ie.css, прописал там стиль, в шаблоне между head прописал: <!--[if IE]> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/syte/css/ie.css" type="text/css" /><![endif]-->но стиль не применяется. Тестирую в 11 версии ИЕ.
0 votes2 answers -
Padding уходит за границы экрана
Господа, помогите пожалуйста решить проблему в верстке: Получается так, что из-за этого позиционирование по центру идет некорректно, думаю по фразе "Бла Бла..." это видно, подскажите пожалуйста, из-за чего так или хотя бы в какую сторону капать?
0 votes4 answers -
php
Как запустить файл типа index.php на пк?
0 votes7 answers -
PHP. Инвалидный аргумент
Я приветствую всех кто сейчас это читает! Ребята, у меня такая вот проблема и я действительно не понимаю почему она есть.. Вот допустим я написал маленький скрипт: <?php$a = file("1.txt");$b = "\"".trim($a[0])."\"";$c = file($;echo "<pre>";print_r($c);echo "</pre>";?>В файле 1.txt на первой и единственной строке находится ссылка и этот файл в виде массива уходит в переменную $a где эта ссылка имеет ключ 0. Потом я в переменную $b заношу эту ссылку и убираю пробел справа (кстати, не понимаю откуда он там взялся) и затем уже добавляю ещё и кавычки. Получается в переменную $c должен попасть массив уже той страницы на которую была ссылка но этого не происход…
0 votes7 answers -
Placeholder не отображается в Mozilla
Не отображается Placeholder в браузере Mozilla. Также не видно текста когда вбиваешь в текстовое поле. В чем может быть проблема? Ссылка на сайт (форма входа вверху справа)
0 votes1 answer -
Png изображение и раскройка по классам
Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…
0 votes5 answers -
pug и sass: как сдают верстку и заливают на сервер?
1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.
0 votes20 answers -
Range slider with two input
Добрый день. Использую noUiSlider http://codepen.io/npofopr/pen/wKzNaz Как сделать, чтобы каждый инпут менял именно свой ползунок?
0 votes3 answers -
reset.css файл, кто какой использует, плюсы\минусы?
Все (ну или почти все) используют какой то *css файл для сброса стилей или приведения их к одинаковым на всех браузерах. Подскажите какой вы используете. У меня есть файл сброса стилей, что можете сказать по нему, я не специалист, уверен, тут есть ляпы или чего-то не хватает, пожалуйста владеющие темой сделайте замечания. гугл много чего подсказывает, и, например, первый в выдаче идет reset.css Eric Meyer от января 2011 года, подозреваю, что он весьма устарел html{ box-sizing: border-box;}*, *:before, *:after{ box-sizing: inherit;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn,…
0 votes25 answers -
Responsive (резиновая, адаптивная) верстка. Проблемы с высотой
Здравствуйте. Делаю адаптивную (responsive) верстку. При ширине экрана 1280px блок с изображением выглядит так: А при ширине 1800 px так:А должно быть так: media-queries решают проблему, но ведь придется через каждые 50px их прописывать. Можно как-то более разумно поступить? http://codepen.io/anon/pen/XdKzVr
0 votes1 answer -
robots.txt
Здравствуйте, у одного из моих сайтов на хостинге находится файл robots.txt с таким содержимым: User-agent: * Disallow: /graphics/ Disallow: /*.jpg$ и мне нужно было сделать запрет на индексирование всей графики в конкретной папке и вообще всех jpg. Думала что я правильно всё сделала но вот сегодня пришло письмо от Яндекс вебмастера в котором говорится о том что сайт полностью запрещён к индексированию в robots.txt. Это ошибка со стороны Яндекса и нужно писать им или у меня действительно не правильно заполнен этот файл для решения своей задачи? Спасибо!
0 votes2 answers -
show block cookies link jquery
Мне нужно сделать так, чтобы при открывании ссылки с определённым тегом в конце автоматически открывался блок на сайте без php То есть что то похожее на jquery tabs где при открытии вкладки в конце ссылки в адресной строке добавляется "/#tabs1" или "/#tabs3" смотря на какую вкладку нажать.. И если эту ссылку "передать" другому то тот откроет сайт сразу с нужной вкладкой, но мне нужно чтобы просто открывался определённый блок на сайте Я так понимаю это делается через cookies, а с cookies я абсолютно не знаком Юзав поиск я не нашёл что либо похожее или просто я не знаю как это назвать) Такшто прошу когонить написать что нибудь на эту тему если это вообще реализуемо или …
0 votes2 answers -
Slick slider нужна помощь?
Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.
1 vote2 answers -
style в body, нормально?
Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?
0 votes19 answers -
Svg картинки
Привет форум. Хотел спросить как добавляются или создаются картинки в формате svg. Они рисуются на отдельном редакторе а после компилированный код добавляется в html файл? Можно ли из растровой картинки сделать svg? и если можно какие нибудь уроки подробные Спасибо.
0 votes1 answer -
svg преобразование системы координат
Приветствую всех! Eсть проблема. Когда задаешь svg свойство transform="rotate, scale, .....", это свойство создаёт новую действующую систему координат SVG-элемента. Расскажите, как вы с этим боретесь и боретесь ли вообще. Для иллюстрации . В примере когда применяется hover, кружок улетает, как сделать так что бы он остался на месте и просто повернулся на 45deg
0 votes1 answer -
text-overflow - в Firefox точки перекрывают наложенный блок
Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: http://jsfiddle.net/agh0knk6/1/ Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок z-index не помогает. Подскажите, пожалуйста, как решить проблему?
0 votes5 answers -
Thumbnail custom для Owl slider
Здравствуйте. На сайте стоит слайдер Owl. Потрубовался функционал от него - thumbnail. Дописан следующим образом // 1 - assign each 'dot' a number dotcount = 1; jQuery('.owl-carousel_4 .owl-dot').each(function() { jQuery( this ).addClass( 'dotnumber' + dotcount); jQuery( this ).attr('data-info', dotcount); dotcount=dotcount+1; }); // 2 - assign each 'slide' a number slidecount = 1; jQuery('.owl-carousel_4 .owl-item').not('.cloned').each(function() { jQuery( this ).addClass( 'slidenumber-item slidenum…
0 votes6 answers -
Trackbar, ползунок
Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…
0 votes4 answers -
type="range" и ie
Добрый день, на сайте вывел ползунок <div class="range"><input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="0" onchange="updateTextInput(this.value);"></div> <p id="demo"></p>Через css привел к одному виду в разных браузерах, но осталось две проблемы:1. В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.2. При перемещении ползунка, в зависимости от значения 0 или 1, должна меняться картинка, в гугле и опере меняется, а в ИЕ не хочет, где ошибка? <script type="text/javascript"> function updateTextInput(val) { if (val == "0") { docume…
0 votes3 answers -
underline у Hover
Привет, убрал андерлайн у ссылок, но все равно маленькое подчеркивание остается(см на пикче). https://jsfiddle.net/aL9cgghf/ вот сам код, верстаю на бутстрапе.
0 votes2 answers -
vertical align у inline-block
<div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…
0 votes15 answers -
vertical alignment in bootstrap column
Здравствуйте! Имеется вёрстка > http://bigma.xyz/dev/pex/ Задача: Разместить контент в колонке по центру независимо от объёма (скриншот: https://screencloud.net/v/mT69) Пожалуйста прошу помочь в решении проблемы или тыкнуть носом в ответ (в гугле не забанили...либо не хватает мозгов, либо руки кривые). Заранее - огромное спасибо!
0 votes4 answers