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
-
Ошибка: syntax error в !DOCTYPE html PUBLIC...
FF в консоли ошибок выдает следующее В чем может быть проблема?
0 votes8 answers -
Float и схлопывающиеся отступы
По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации: <div class="upper" style="margin-bottom: 30px;">some content</div> <div class="floated" style="float: left;">some content</div> <div class="lower" style="margin-top: 50px;">some content</div> Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.
0 votes30 answers -
Скролл. Проблема
На html-странице есть общий скролл. Внутри страницы есть div со своим скроллом. Так вот при прокрутке колёсиком мышки внутри этого div'а после того, как ползунок достигает самого конца, начинает прокручиваться общий скролл всей страницы. Как от этого избавиться?
0 votes26 answers -
фоновая музыка на сайте
Как сделать так чтобы на сайте играла фоном музыка НО при переходе на другю страницу она продолжала играть а не начинала играть трек заново ?
0 votes21 answers -
Не реагируют img на margin
Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img
0 votes8 answers -
как растянуть сайт на весь браузер если на странице мало контента
в общем есть вот такое нужно получить либо такое либо такое подскажите как это сделать, пересмотрел кучу всего, есть статьи про выравнивание сайдбароа, пробовал предложенные техники не сработало
0 votes21 answers -
Расстояние между div если внутри список
вот простой код, в этом случае центральный div не прилегает в плотную к остальным, между ними есть расстояние по вертикали когда display:inline , почему?
0 votes38 answers -
Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину
Здравствуйте. Такая проблема. Имеется - резиновая верстка и надобность сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину. Не выходит. Обернул таблицу в div. overflow-x: scroll; желает работать только со строго заданным width. С max-width он тоже работает, но резиновым элемент от этого не становится. Вот эта благодать - http://pskov.izbirkom.ru/quantity.html table обернута в <div id="qty-table"></div> со стилем #qty-table { float: left; overflow-x: scroll; width: 600px; -width: 600px; } Вопрос - как же сделать резину? Спасибо.
0 votes3 answers -
Проблема с div-ами...
Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".
0 votes48 answers -
Разный фон для разных страниц
Всем джамбо друзья. Хочу сделать определенный фон для определенных страниц (что-то типа этого http://florisspb.ru/), может у кого валяется под рукой какой материальчик? Заранее спасибо)
0 votes3 answers -
Исключение IE
Суть вот в чем... Есть такая конструкция в которой написанный код применяется только если ie6 или допустим ie7 там только немного подправить нужено <!--[if lte IE 6]> ... <![endif]--> Так вот... а есть ли такая конструкция, которая бы действовала наоборот? То есть все что находилось бы в этой конструкции не применялось если у пользователя браузер IE.
0 votes17 answers -
Почему checkbox не проставляется?
Здравствуйте! Дорабатываю форму, которая открывается по клику на кнопку "Заказ в 1 клик". Внизу разместил чекбокс. Скажите, пожалуйста, почему по клику по нему галочка не проставляется?
0 votes19 answers -
Таблицы
Подскажике, как можно в ячейке таблицы изменить направление текста с горизонтального на вертикальный. Т.е. повернуть на 90 градусов?
0 votes22 answers -
Начинающий верстальщик
Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…
0 votes41 answers -
Вложенный div cо свойством overflow:auto
Всем доброго дня. Есть таблица с результатами которая не влазит в стандартное окно по ширине. Нужно для дива с этими результиатами вставить горизонтальную прокрутку. Существует проблема, когда прописываешь в style div.needClass {overflow:auto;} не применяется к этому диву с этим классом, пробовал обращаться и по id. Если прописываешь div {overflow:auto;}, то это применяется соответственно ко всем дивам, и в частности к родительскому, у которого внутри необходимый нам див. Пробовал на отдельной странице, для определенного класса все аккуратно задается. Вопрос1: что может мешать тому чтобы в конкретно прописанном классе не применялось свойство overflow. Еще согласны даже на…
0 votes2 answers -
Не работает мобильное меню
Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/
0 votes19 answers -
Резиновый сайт
Вот у меня вопрос: является ли такой способ верстки хорошим, удобным? Как с помощью него сделать "резиновый сайт" чтоб он растягивался вдлину по мере поступления например новостей? Как лучше резать дизайн?? просветите плиз...
0 votes12 answers -
Что такое контекст форматирования?
Когда читал о свойстве float или про overflow:hidden, то увидел термин "контекст исполнения". Писалось, что при использовании этих свойств создается новый контекст исполнения. Вопросы: 1) Что такое контекст исполнения? В инете искал, на нашел! 2) На что влияет контекст исполнения? 3) Какие свойства по стандарту создают новый контекст исполнения?
0 votes14 answers -
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....
0 votes11 answers -
Как сделать "резиновым" div по вертикали с прокруткой?
Есть сайт с "резиновым" дизайном. Есть необходимость использовать div со скроллбаром. Если задавать фиксированные размеры для div'а, все нормально, "overflow: auto" создает скроллбар когда необходимо. Но если размер div'а не указан (или 100% - то что надо ), растягивает div так, что видно только 1 строку. Как сделать ризивой div по вертикали с прокруткой? height:600px; - сейчас в работе. (height:100%; или height:auto!important; - не работаю корректно) #mycustomscroll { width: 100%; min-height:auto!important;height:600px;max-height:100%; margin: 0 0 0 0; overflow: auto; } .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscr…
0 votes8 answers -
Наложение flex элементов друг на друга
Приветствую, не судите пожалуйста строго, я начинающий верстальщик, итак, при вёрстке сайта столкнулся с проблемой, имеется изображение поверх надо наложить пару flex элементов, но ни как не получается, они вытесняют друг друга, margin и background использовать нельзя, изображение обязательно должно быть в теге img а блок контейнер резиновый т.е. без указания абсолютных величин, одним словом должно получиться так как на картинке.
0 votes5 answers -
Онлайн сервис калькуляторов или расчетов
Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?
0 votes22 answers -
Бутстрап - проблема с меню
Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/
0 votes26 answers -
тень с 3 сторон блока
подскажите пожалуйста как при помощи css3 сделать тень для трёх сторон блока? к примеру есть блок. необходимо сделать тени для строн: 1, 3, 4 box-shadow позволяет делать тени только для двух сторон(или одной)
0 votes3 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers