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
-
Не понимаю как сделать подскажите пожалуйста
Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода select и input и кнопка в конце submit. нужно чтобы после ввода данных при нажатии на кнопку все введеные данные отображались в поле внизу с такими же подза головками как у форм, плюс привязка времени во сколько было отправлено. я начинающий так что если можно более простым языком. формы ввода выглядят так примерно <div id="form"> <ul> <li> Ваша консоль: <select> <option>1</option> <option2</option> <option>3</option> <option>4</option> </select> </li> <li>Название -: <select> <option>Saa…
0 votes5 answers -
Написанный сайт и WordPress
Я написал сайт в html, туда надо добавить каталог. начал гуглить про CMS и появилось много вопросов. 1. Можно свой сайт запихнуть под управление WordPress, и добавить на определенные странички каталог, чтоб в дальнейшем управлять каталогом через wordpress? 2. Как лучше верстать, взять тему wordpress и потом её полностью переделать или написать как я а потом вставить если удовлетворяет Первый пункт? 3. Есть разница создания файла .html .php если я ещё не изучил сам я зык PHP? 4. И что мне необходимо изучить по порядку? HTML CSS JS Jquery PHP Phyton? Что ещё, в каком порядке? 5. Не всегда понятно описание тегов атрибутов или инструкций и как их использовать, могу я найти…
0 votes5 answers -
всплывающий блок над бдоком
Помогите решить проблему. У меня читыри блока 300 на 300 px верстка ботстрап. И при наведении на любой из этих высвечивался скрытый полупрозрачный блок с другим текстом и ссылкой. Нужно что бы они по ширине такие же были как и основные (адаптивные) Вот как то так
0 votes5 answers -
Поведение div в inline-block
Доброго времени суток уважаемые форумчане. Недавно начала изучать html/CSS. И при освоении новой порции знаний натолкнулась на эффект который не могу объяснить. А именно. При добавлении в div контейнер содержимого столкнулась с эффектом вылетания div контейнера из общего ряда элементов структурированных с помощью display:inline-block;. И теперь что это такое и как с этим бороться непонятно. Буду премного благодарна если дадите какие-нибудь комментарии по этому поводу. Код можете посмотреть по ссылке: http://cssdeck.com/labs/nz39zp35 Ксения.
0 votes5 answers -
Вопросы по верстке от новичка
1. Как (можно ли вообще) настроить в WebStorm Emmet (ex-ZenCode) Preview? В основном окне редактора я ввожу к примеру: table+ а в соседнем окне чтобы отображалось то, что появится если я нажму ТАБ <table> <tr> <td></td> </tr></table> 2. Хочу live edit, Установил лпагин для Хрома JetBrains IDE Support 2.0.9При открытие index.html запускаю Debug в хроме открывается новое окно пишет что отлаживает этот браузер. Но при написании дополнительного кода в окне хрома ничего не обновляется. Если обновить страницу то обновление появляются Можно ли как то сделать автоматом обновление, как на видеотуториалах? Настройки из коробки по у…
0 votes5 answers -
Вёрстка: Зависимый выпадающий список
Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?
0 votes5 answers -
Как сделать, чтобы Окрашивался выбранный пункт меню, в который перешёл
Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!
0 votes5 answers -
Стили для поля ввода (default, valid, invalid)
Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?
0 votes5 answers -
Как подключить на сайте несколько разных версий jQuery?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, kак подключить на одной странице несколько разных версий jQuery ?
0 votes5 answers -
SEO оптимизированный шаблон HTML страницы
Нужен SEO оптимизированный шаблон HTML страницы.
0 votes5 answers -
Первая вёрстка(+адаптивная)
Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы. ссылка - http://gusto.esy.es архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM
0 votes5 answers -
Эффект как у приведенного сайта.
_http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?
0 votes5 answers -
Выровнять картинки в колонке
Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/
0 votes5 answers -
переход к конкретной вкладке на другой странице
На странице есть контент, находящийся в разных вкладках (nav-tabs в бутстрапе) в одной части экрана. Как реализовать переход с другой страницы к конкретной вкладке? Пока получилось только банально через id переходить к по-умолчанию активной вкладке. Нужно, чтобы переход осуществлялся к заданной вкладке и отображалась её активность. Надеюсь, понятно объяснил. Заранее спасибо!
0 votes5 answers -
В бутстрап-верстке последнию колонку выделить в блок
Всем привет, Подскажите, пожалуйста, есть бутстрап-верстка нескольких полей на маленьких и средних девайсах в 2 колонки: jsfiddle.net И хотелось бы выделить эти поля в 3 грппы с заголовком Я попробовал последнию колонку заключить в див со стилями чтобы эту колонку как-то неброско и аккуратно выделить в блок: <div class="widgetcontent"> <h4 class="widgettitle">Contact Details</h4> <div class="form-group col-xs-12 col-sm-6 col-md-6"> <label for="phone" class="col-xs-12 col-sm-4 col-md-4">Phone</label> <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="phone" id="phone" clas…
0 votes5 answers -
Выравнивание высоты блоков при обновлении и resize окна
Выравниваю высоту блоков при обновлении страницы, и, соответственно, по изменению размеров. <script> function setEqualSize(classBlocks) { var maxHeight = 0; $(classBlocks).each(function(){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); $(classBlocks).height(maxHeight); } $(function($) { setEqualSize('.block') }); $(window).resize(function() { q=$('.block').height() $('.article-anonses…
0 votes5 answers -
Dota 2 <img
Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.
0 votes5 answers -
Максимальная оптимизация видео
Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в брау…
0 votes5 answers -
Центрирование background (по центру экрана), но чтобы был фиксированого размера и не сжимался (а обрезался) при изменении ширины экрана
Здравствуйте, изучил все возможные способы позиционирования background с помощью CSS. Но никак не пойму, возможно ли сделать такое. Есть картинка фона (background) размером 2560 на 1440 Хочу чтобы центр этого фонового изображения всегда был по центру экрана, но чтобы при этом при изменении ширины экрана - фоновая кртинка не изменяла своих размеров. Образно говоря, 1. Сначала применяю к фону свойство background-size: cover; фоновое изображение при этом фиксировано, не изменяет своих размеров при изменении ширины экрана, просто обрезается - так как я хочу, но хотелось бы ещё чтобы центр картинки был по центру экрана. 2. Применяю свой…
0 votes5 answers -
Как сделать кнопку с рисунком
У меня примерно вот такой код : <button> <img src="image/4.jpg" alt=""> </button> но когда я его запускаю появляется обычная кнопка без рисунка.
0 votes5 answers -
Трапеция? Неправильный прямоугольник?
Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок. http://prntscr.com/anvzcp http://prntscr.com/anvzgx http://prntscr.com/anvzpg Спасибо!
0 votes5 answers -
Как отменить transition, если анимация уже началась
Что-то не нашел данной информации, хотя в определенных случаях оно автоматически отменяется. В этом примере сделал прокрутку длинного текста. Если кликнуть на "Очень длинный текст для прокрутки", он начнет ездить влево-вправо. Если в момент, когда он едет влево нажать например на "Просто длинный текст", то он мгновенно возвращается назад (так и нужно). А вот если нажать в тот момент, когда он едет вправо, то анимация продолжится до конца. Хотелось бы, чтобы текст при клике возвращался мгновенно.
0 votes5 answers -
Как контролировать фон за текстом.
Всем привет ребята, я на этом форуме новенький ну это не чего не значит! Хех. Прошу вашей помощи! Вопрос такой, я хочу с помощью CSS сделать что бы мой header был фиксированный, делаю это так: .full { position: fixed; /* Фиксированное положение */ /* Расстояние сверху */ width: 80%; background: red; padding: 10px; background: red; } а вот код header: <div class="full"> <div class="col-md-7"> <div class="collapse navbar-collapse" id="ql_nav_collapse"> <nav id="jqueryslidemenu" class="jqueryslidemenu navbar " role="navigation"> Меню </nav> …
0 votes5 answers -
Как исправить анимацию после добавления блока?
Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю c селектором .headerrow .cell_pad .moduletable:nth-child(2) спозиционировал абсолютно относительно верхнего края родительского элемента div.cell_pad, для чего последнему пришлось дать position:relative; После это вся анимация опустилась на высоту внедрённого элемента с селектором .headerrow .cell_pad .moduletable:nth-child(2). Почему? Ведь в мануале написано, что position:absolute должен заставлять соседние элементы, а именно первый div.moduletable, вести себя так, как будто следующего за ним позиционированного эл…
0 votes5 answers -
Возможнсть реализации
Все привет! Гугл тут обновил дизайн почты, хочу попробовать реализовать так же. С развертыванием, расширением там все понятно, но я не могу понять как они добились того, когда разворачиваются письма, страница не скроллится вверх вниз, а остается в фокусе, того элемента который нажали. Кто нить знает как это сделать?
0 votes5 answers