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
-
float и position при адаптивной верстке
Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow
0 votes6 answers -
Как исправить hover?
Как исправить hover подменю, а именно, не возможно попасть курсором на подменю и выровнить бэкграунт подменю по центру?
0 votes2 answers -
Вспышки при обновлении страницы
Всем привет. помогите решить проблемы. При обновлении страницы за фоном на милисекунду мерцает белый фон, очень раздражает глаза. Как от этой вспышки избавиться попроще? по ссылке видео снял https://www.youtube.com/watch?v=iqLIyzxdJCc&feature=youtu.be
0 votes8 answers -
Почему min-height от min-height не работает?
А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?
0 votes3 answers -
Скролл на айфоне
Здравствуйте, подскажите, если кто знает, на айфоне сайт не скролится плавно, скролится только пока касаешься экрана, как это устранить?
0 votes3 answers -
Съехала верстка
Всем привет, народ, вот такая проблема. Есть сайт: http://www.stroitelnie-materialy-toliatti.ru/ Там внизу слайдер с разным оборудованием. Так вот, в разделе электроинструменты съехала верстка, 3-й товар отображается на новой строке, почему то. а должно быть например как в разделе "Плиточный клей", 2 строки, по 3 товара в каждой. Помогите знающие люди, где верстка у меня съехала? Какой класс подправить? А то уже голову сломал ((.
0 votes1 answer -
написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!
Всем привет! Ребята,я начинающий веб дизайнер,написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!!! Помогите пожалуйста,так что бы заполненная форма,тех кто хочет ей воспользоваться,отправлялась бы мне на почту: lsu73@mail.ru За ранее благодарен всем,кто откликнется! Форму в html,я прописываю ниже: <html><head><title>Обратная связь!</title><link rel="stylesheet" type="text/css" href="index.css"></head><body> <table style="width:900px;margin:0 auto;padding:20px 0px;"><tr><td style="width:435px;padding-left:40px;"> <div style="padding:30px 0px;font-family:Verdana;font-size:2…
0 votes7 answers -
Подскажите название слайдера
Как-то и где-то видела сайты в виде слайдера. Там, еще сбоку индикаторы (курсор подводишь к индикатору и отображается название меню), а посередине контент. Как называется такой слайдер, не могу найти... Схематически набросала, вот такой к примеру..
0 votes1 answer -
Верстка выпадающего меню
Приветствую всех, увидел красивое меню и решил себе такое же заиметь, вроде стили перенес, но с выпадающими пунктами в меню (УСЛУГИ) ничего не получается, Может кто подскажет что не так делаю? Должно быть А это как у меня получилось
0 votes0 answers -
Косые полосы над и под блоком. Но верхняя почему-то налазит на текст
[Страница, на которой проблема] [Скриншот] Верхняя полоса почему-то налазит на текст предыдущего блока, хотя нижняя отображена нормально. Что делать? z-index в порядке, а всё равно... На главной странице всё нормально [скриншот], копировал оттуда
0 votes3 answers -
Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?
Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…
0 votes0 answers -
Помогите прикрутить готовое боковое меню к странице
Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…
0 votes0 answers -
Таблица цен. Реализация в виде списка.
День добрый! Помогите пожалуйста реализовать такую таблицу цен: http://joxi.ru/DmBDBaZfNJMdKA. Заранее спасибо.
0 votes4 answers -
"background-size: cover" не работает на iPhone на конкретной странице
На главной странице с iPhone CSS-свойство "background-size: cover" работает как надо: А на другой странице отображается только верхний нижний уголок картинки, а не умещается вся полностью: Сравните с результатом на компьютере - как видите, от всей фотки остались только листья. Как это исправить?
0 votes5 answers -
Теги сайдбра в HTML5
В сайдбаре идёт баннер, рубрики, форма подписки, видео с ютуба и опрос. Подскажите для семантики в html5 каждый пункт можно ли делать в section или чтот то из этого не подходит для section ?
0 votes0 answers -
Проблема с модальным окном
Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана. Сам сайт с проблемой http://zaprintuem.ru/ До этого, окно всплывало строго по середине ЭКРАНА. Этого и нужно добиться ! Код стилей: .popup_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #211722; z-index: 2000; display: none; cursor: pointer; opacity: 0.75;}.popup_window{ width: 545px; padding: 6px; background: #f6f2eb; border-radius: 5px;…
0 votes1 answer -
Кастомная сборка Бутстрапа
Всем привет. Есть место, где можно собрать бутстрап под себя и все о нем знают http://getbootstrap.com/customize/ Мне не до конца понятно, зачем дублируются одноименные "JS-составляющие" сначала в JavaScript components, а потом в jQuery plugins? Первые работают без подключения jQuery в отличие от вторых?
0 votes1 answer -
Помогите с простой задачей XML, CSS
Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.
0 votes0 answers -
Адаптивная карусель с миниатюрами с поддержкой видео
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель с миниатюрами и с поддержкой видео (YouTube, Vimeo, и Funnyordie).
0 votes2 answers -
с помощью чего делать анимцию для блоков и текста
Всем добрый день! Не так давно учусь верстке,и никак не могу понять как делаются эффекты выплывания,выезжания,проявления блоков и текстов? js,jquery,css? Сразу попрошу без сарказма на тему "погугли",мне это не помогло)хочу сделать эффекты на примере этого сайта http://hotdogstudio.ru/ , будуочень благодарен за помощь!)
0 votes6 answers -
Растянуть Div с float вертикально по высоте
Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код
0 votes11 answers -
Прямоугольник по размеру исходя из текста внутри него
Добрый день, дорогие друзья. Имеется блок div, в нем один заголовок и маркированный список. Задача сделать так, чтобы блок был вписан в прямоугольник border так, чтобы ширина прямоугольника была такого же размера, как самая длинная строка в маркированном списке, либо по длине заголовка, если он длиннее. В общем, нужно получить такое же, как тут содержание. Какой сообразить стиль для такого див-а??
0 votes0 answers -
Разное отображение сайта на iPad и на персональном компьютере
На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?
0 votes10 answers -
Вёрстка IE Mozilla, не верно работает filter
Только один Google Chrome отображает верно! Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым? Я делал так и сработало только в Google Chrome : -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);Вот сам пациент : http://myatlanta.pe.hu/templates1/
0 votes1 answer -
Почему не центрируется блок?
Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …
0 votes2 answers