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
-
чем его бутстраповость bootstrap-modal-carousel
Всем привет, есть такая каруселька с картинками link сделанная как я понимаю на основе bootstrap-modal-carousel отсюда link Симпатично, но возник вопрос в чем проявляется его бутстраповость? Я вставил в этот пример несколько картинок link и для айфона более крупные картинки в моем Cromium таскаются горизонтально вместе с содержимым всей страницы а в Firefox при клике на картинке полная картинка видна в полупрозрачном состоянии как таскаемый элемент... Я попробовал смотреть через http://deviceponsive.com на смартфоне и снова непонятно в чем его бутстраповость ?
0 votes3 answers -
Подключение/отключение скрипта при разной ширине экрана
Всем привет! Очень нужна Ваша помощь! Как можно реализовать подключение скрипта при определенной ширине экрана, а также при его ресайзе. Моих знаний по js хватило чтобы написать только такой код: if ($(window).width() > 767) { $('.fullpage').fullpage(); } А как сделать, чтобы скрипт отключился при изменении ширины экрана менее 768px, а при ресайзе в обратном направлении снова включился
0 votes0 answers -
использовать nth-child
Добрый день подскажите как можно решить с помощью nth-child такой вопрос. Есть таблица: <table> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> </table> Как можно убрать(скрыть) первую ячейку в каждой четной строке? Должны скрыться все ячейки где цифра 3. Спасибо за помощь.
0 votes3 answers -
Полоса прокрутки при абсолютном позиционировании
Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.
0 votes8 answers -
Паранормальный HTML
Здравствуйте, я вот никак не могу понять почему так происходит, объясните пожалуйста... Есть информационный блок сайта где просто перечислены вложенными списками населённые пункты, вёрстка там самая обычная (float: left, margin-left, clear: left): При просмотре сайта на любом мобильном устройстве в вертикальном положении, размер шрифта правых ссылок становится заметно больше чем левых: Если перевернуть устройство в горизонтальное положение то всё становится ровно, так как и должно быть. Никакой адаптивности нет, нигде не задаётся размер индивидуально к чему-либо (он только у body и всё, на всём сайте), никакой font-size не помогает вместе с !…
0 votes8 answers -
Приоритет слоя и скролл в tbody
Доброго времени суток. Возникло два таких вопроса... Во-первых, где-то перемудрила со стилями и выпадающий блок у корзины в шапке, кроме главной везде обрезается, вроде все проверила, но причину найти не могу: http://ruki24.aveas.ru/emarket/cart/ Во-вторых, я сделала скрол, для таблицы в выпадающем блоке у корзины в шапке, но я хотела бы реализовать скрол у tbody, а не у всей таблицы, но вот не могу придумать, как это можно сделать. Спасибо =)
0 votes4 answers -
Выделить или копировать заданное слово в тексте дабликликом
В общем, есть текст, в тексте есть 3 слова, расположены они в разных местах. В обычной ситуации если даблклик сделать, то выделяется слово и следующий за ним пробел, если копировать выделенное, то пробел так же будет скопирован. Ну и слова со спец символами копируются не полностью. Мне бы хотелось сделать так, чтобы даблклик по слову выделял только его, а если возможно, то и сразу копировал без дополнительных нажатий на кнопки ctrl+c. Не знаю, тег может есть такой или еще что-то? Подскажите, пожалуйста. ЗЫ: Я полный, абсолютный ноль в хтмль, поэтому прошу, ответьте с приведением практического примера... Заранее благодарю.
0 votes2 answers -
При попытке открыть файл в формате php, браузер его скачивает!
Доброй ночи, форумчане! Такая вот проблемка с браузером Firefox - при попытке открыть любой файл с расширением php, браузер благополучно его скачивает. Естесно, с таким файлом не поработаешь. Возможно как - то отключить такую неприятную... "Особенность?!
0 votes4 answers -
textarea Форма textarea и ее границы
Возникло желание убрать границы вокруг поля ввода текста для textarea, "border: 0px" не предлагать, не те границы что постоянны убрать нужно, а те что появляются после нажатия мышью на него, синенькие обычно такие. Так что бы только курсор ввода мигал.. Не представляю как такое делается.( апп Для тех кто будет искать, ответ сам нашел. Нужно в стили это вставить!) textarea {outline:none;} textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;}
1 vote1 answer -
верстку панели приподнятую вверх со всеми своими элементами хочу
Всем привет, Дайте, пожалуйста, ссылочку на бутстрап совместимую верстку панели, которая как-бы приподнята вверх со всеми своими элементами. и панелку обратного вида, которая какбы вдавлена со всеми своими элементами. Спасибо !
0 votes0 answers -
Вывод из бд по условию
Как то сталкивался с таким типо: $sql = "SELECT COUNT(*) FROM products"; $r = mysql_query($sql); $total = mysql_result($r,0,0); // общее колличество результатов без разбиения на строки $namea=$_POST['namea']; $named=$_POST['named']; $pricea=$_POST['pricea']; $priced=$_POST['priced']; if(isset($namea)) { $sql .= ' ORDER BY title ASC'; } else if (isset($named)) { $sql .= ' ORDER BY title DESC'; } else if (isset ($pricea)) { $sql .= ' ORDER BY price ASC'; } else if (isset($priced)) { $sql .= ' ORDER BY price DESC'; } Вот как такое работае и …
0 votes0 answers -
Установка LiveReload для ST 3. Ошибка в браузере.
Здравствуйте форумчане. Суть проблемы в следующем. Крайне необходимо установить плагин LiveReload. Как бывший пользователь Linux, я знал, что эта песня будет долгоооой. В начале, всё шло неплохо: 1. Скачал нужный плагин. 2. Кинул в нужную папку 3. Установил нужные параметры в самом редакторе 4. Установил плагин на тот браузер, где по идее должен работать автоматический рестарт странички. 5. (!) Но весь мой идеальный план разрушил "favicon" этого плагина. Я его установил, но картинка включения этого плагина, не появилась. Хотя у автора видео все прошло гладко, с тем условием, что я копировал его действия. Сириус, почему ты со мной так строг се…
0 votes14 answers -
Высота блока в зависимости от содержимого
Всем привет! Делаю сайт: учеба.top В данный момент верстаю страницу http://www.учеба.top/anketa.html Народ, как мне сделать высоту серого блока ( class="anketa" ) по содержимому, т.е. если много полей, то у class="anketa" свойство height увеличивается. Если полей мало, то height наоборот уменьшается. Пробовал делать и height:auto и вообще у класса .anketa height убирал - не помогает, когда текстовых полей много, они съезжают вниз, и всё становится некрасиво. Народ, подскажите, как быть?
0 votes1 answer -
Как сделать задержку между циклами анимации css?
Приветствую! Есть анимация: .animation { width: 212px; height: 261px; background-image: url(sprite.png); animation: animation 5000ms steps(30) infinite; } @keyframes animation { from { background-position: 0 -2328px; } to { background-position: 0 -10158px; } } Как сделать задержку несколько секунд между циклами? Есть вариант просто добавить пустых кадров в конец, но как то это быдлокодом веет.
0 votes4 answers -
Веб - термометр с динамической подгрузкой значений температуры из txt
Приветствую. Уважаемы мастера и знатоки своего дела, подскажите пожалуйста или помогите пожалуйста организовать следующее <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script>var CANV_GAUGE_FONTS_PATH = '../fonts'</script> <script src="../gauge.min.js"></script> </head> <body onload="dR()"> <canvas id="gauge"></canvas> <div id="console"></div> <script> //////////////////Настройки графического термометра////////////////// var gauge = new Gauge({ renderTo : 'gauge', width : 300, height …
0 votes5 answers -
Проблема адаптива на iPhone 6s
Коллеги, есть сайтик и проблема в отображении его на iphone 6s - будто адаптив не для него. На андроидах порядок, на ipad кажется тоже. Уже голову себе всю сломал, кто поможет (хотя бы скрином)?
0 votes1 answer -
Добавление в базу
Нужно в таблицу coments где id равен id_com внести ответ на комментарий. НО он почему то не вносит. Переменная id_com существует и так же все поля правильно прописал. <!--Добавление в базу ответа на отзыв!!! --> <!--Добавление в базу ответа на отзыв!!! --> <?php if(isset($_POST['write'])) { $write=$_POST['write']; } if(isset($_POST['id_com'])) { $id_com =$_POST['id_com']; } $data_ot = mysql_query("INSERT INTO `coments` WHERE id ='$id_com' (`otvet`)VALUES('".$_POST['write']."');"); i…
0 votes3 answers -
Окупаемость сайта
Всем привет. Пару месяцев уже изучаю связку HTML и CSS. Уже начал изучать JS. И тут наткнулся на книгу "Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера". И вот в последних главах написано про то, как зарабатывать на сайте. И тут я задумался, а ведь сайт то в конечном счёте должен окупать себя. Как я понимаю вначале создатель сайта вкладывает в него деньги, но потом сайт, так сказать, должен кормить сам себя. Искал инфу в интернете и понял, что реклама В общем-то не окупает даже оплату хостинга. И мне стало интересно, как вообще окупаются сайты? Через какое время можно будет оплачивать расходы на сайт с заработка, получ…
0 votes7 answers -
Список <ul> - маркер меняет межстрочное расстояние
Есть такая проблема: Нужно сделать список, причем один пункт списка пометить маркером-картинкой. Когда помечаю, маркер-картинка располагается вроде бы как надо, но текст сдвигается на несколько точек вниз, и как следствие, 1) располагается не против маркера а ниже 2) расстояние между помеченным пунктом и предыдущим становится больше. Код: <style type="text/css"> ul { line-height: 25px; list-style-type: none; font-size: 15px; /* а это вроде к вопросу не должно иметь отношение, но для приближенности к реальной ситуации пусть будет */ font-family: Arial Narrow; font-weight: bold; text-transform: uppercase; } li.marker { …
0 votes2 answers -
robots.txt
Здравствуйте, как правильно и для всех поисковых систем запретить индексирование конкретной странице вместе со всеми возможными её GET параметрами? Спасибо!
0 votes3 answers -
Валидация HTML
Добрый день! Хотелось поинтересоваться у более опытных коллег вот по какому вопросу - считается ли валидным html-документ, если в нем нет ошибок, но есть предупреждения - например об отсутствии заголовка у тега section и т.п.?
0 votes1 answer -
Календарик
Всем привет, подскажите есть ли такой календарик на js http://take.ms/d7bJyi чтобы можно было входные данные задавать чтобы выделять даты на календаре.
0 votes3 answers -
Стоит ли пользовать теги dl, dd в верстке
Всем привет, Попался мне такой кусок верстки: <dd class="col-xs-12"> <dt id="slider_price"></dt> <dd><input type="text" readonly id="slider_price_range"></dd> <dl id="search-pane-ht" class="col-xs-12 col-sm-4 col-md-3"> ... </dl> В описании читаю: Вопрос, а когда могут быть полезными эти теги и в какоих случаях их стоит использовать? Плюс от их использования видится в том, что когда есть 5-6 вложенных блоков div то их довольно сложно отследить... Спасибо !
0 votes3 answers -
баг высоты svg
Доброго времени суток экспертам и профи) Проблема такая.. Имеем на странице svg размерами 1000х1138 <img src="images/logo.svg" alt=""> для img задана img { max-width: 100%; } Находится img в нужном блоке и сжался до 92 пикселей в ширину.. с ней проблем нет, а вот высота просто огромная. В основных браузерах всё ок. Проблема в сафари. Точнее неправильное вычисление высоты. Читал на стак-оверфлоу и гугле, что это баг браузера.. Вопрос в следующем - есть ли оптимальный способ устранения данного бага ?
0 votes6 answers -
анимация SVG
Здравствуйте! Пытаюсь создать анимацию на сайте с использованием SVG изображения экспортированного с Corel Draw. Я в интернете нашел пример https://css-tricks.com/svg-line-animation-works/ где идет обрисовка изображения при помощи animation в css но когда я заменяю коде изображения в теги path - вставляю код экспортированного с Corel - а изображения в формате SVG то эта анимация не работает. Подскажите как с Corel Draw изображения SVG сделать анимацию в HTML
0 votes5 answers