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
-
Вёрстка: Зависимый выпадающий список
Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?
0 votes5 answers -
резиновое меню
Необходимо растянуть горизонтальное меню на всю страницу Как это сделать? http://codepen.io/anon/pen/GoPRvR
0 votes9 answers -
Подмена цвета браузера на м.устройстве
Коллеги! На этом сайте http://www.redmadrobot.ru/ , при открытии с мобильно устройства у браузера меняется цвет со строкой адреса (смотрите скрин с телефона http://prntscr.com/a14me5 ) КАК это реализовать? вообще в какую сторону копать хотябы?
0 votes1 answer -
соскальзывание блоков с авторасширением
Приветствую. Нужна помощь опытных програмеров по резиновой верстке. Уже давно мучаюсь с проблемой - есть два блока, которые на мониторах с большим разрешением должны располагаться рядом друг с другом, а на меньшем - соскальзывать друг под друга, растягиваясь на всю ширину. Если я задаю статичную ширину, то при соскальзывании они не растягиваются, а если не фиксированную - то они располагаются только друг под другом. Пока что делал так : <Table width='100%'><tr><td> <div style='float:left; width:460px;'> Текст </div> <div style='float:left; width:460px;'> Текст </div> </td></tr></table> Но в текущем варианте, …
0 votes3 answers -
Альтернатива png иконкам
Всем привет, такой вопрос: я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается. С PNG все нормально, но как-то не охото) -js фильтры + весит многовато. Если gif сохранить 1000px X 1000px то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF? СПАСИБО!
0 votes6 answers -
Как сделать плитку из фото , не используя таблицы?
Здравствуйте. Есть шаблон на нем расположены фото как плитка выложена. Шаблон: http://template-preview.com/OS/300110857/ Но плитка там сделана на таблицах. А как можно сделать тоже самое но без таблиц и display:table и без bootstrap. Хотя бы идею подкиньте в виде примера. Спасибо.
0 votes1 answer -
футер (картинка)
Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.
0 votes15 answers -
Картинка в шапку.
У меня есть сайт в шапке у меня широкая полоска, хочу заменить ту полоску картинкой. Но немогу понять что к чему в коде...( Вот каритинка. http://i.imgur.com/CSHkR9C.png Вот код. <?php/** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package storefront */?><!DOCTYPE html><html <?php language_attributes(); ?> <?php storefront_html_tag_schema(); ?>><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php storefront_title(); ?></title><link…
0 votes3 answers -
Почему в форме не работает тень внутрь?
https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?
0 votes14 answers -
Вёрстка прижатых друг к другу треугольных div'ов с фонами
Как это можно реализовать? Обратите внимание, что оба блока имеют фон, это самое сложное. Если использовать псевдоклассы или вспомогательные div в виде треугольников, то на них background не распространяется, основные секции остаются прямоугольными. Нужно применять svg (который я почти не знаю) или можно как-то проще сделать?
0 votes9 answers -
Верстка под IE7 & IE8 - на что обратить внимание
Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)
0 votes4 answers -
:first-child не срабатывает
Здравствуйте коллеги! Неровно центрируются элементы .item тут Пытаюсь выровнять первый элемент с помощью first-child - не получается всё - нашел там h3 + item на первый эл-т работает как закрыть тему ?
0 votes2 answers -
Квадратные блоки
Как с помощью css сделать квадратный блок при задании только ширины или высоты элемента? Я с помощью javascript меняю размер квадратных блоков, но для этого меняю оба размера. Мне думается, что изменение одного размера будет происходить быстрее.
0 votes3 answers -
Пытаюсь нарисовать
Подскажите как это написать используя css ? http://prntscr.com/a1t0z4
0 votes2 answers -
Управляемая граница блока/фрейма
Здравствуйте! Даже не знаю как назвать тему. В общем ищу скрипт или реализацию того как это сделано на http://jsfiddle.net/ Т/е там есть 4 блока и у каждого можно изменить границу. Я помню что у фреймов так можно сделать, но есть ли что-то с блоками такое же? Подскажите пожалуйста. Спасибо! Нашел нечто подобное - http://jqueryui.com/resizable/#synchronous-resize Но интересует разделение области/слоя/экрана на 2 части граничащих, уменьшая одну - вторая увеличивается и наоборот. Как таблицы в Экселе наверное.
0 votes3 answers -
iframe
Здравствуйте! В очередной раз, я — криворукий г.кодер, тля и вообще не человек обращаюсь к Вам, повелителям аккуратного кода, властелинам всего живого и просто, гениям АйТи сферы вот с каким вопросом... Есть iframe, в нём подгружается форма. Как сделать так чтобы после её отправки в этот iframe подгружалось что-то другое. В общем так сказать имитация успешной отправки формы без перезагрузки основной страницы и перехода к верху сайта. Искал -> находил -> читал -> пробовал -> запутался в Нэймах и Таргетах -> пошёл на htmlforum.ru Спасибо за внимание!
0 votes3 answers -
как лучше создать таблицу и связать строки с дивом
У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:
0 votes3 answers -
Примеси в less
Здравствуйте. Как правильно использовать примесь в less, если эти примеси описаны в одном файле, а используються в другом? Например: .icon-youtube { // этот клас в другом файле background-image: url(../img/icons-spritesheet.png); background-position: -20px 0px; width: 24px; height: 26px;}.block { .icon-youtube;}В этом примере класс .icon-youtube генерируется grunt`ом и записан в отдельном файле. В файле стилей нужно использовать этот клас как примесь. Если в файл стилей подключить сгенерированный файл через @import - компилятор less выдает ошибку, что .icon-youtube не определен.
0 votes2 answers -
Какие стили рушат пагинацию страницы?
Здравствуйте! Скажите, пожалуйста, что рушит нормальное отображение нижней части со списком остальных страниц открытого раздела на странице?
0 votes9 answers -
убрать панель в chromium
помогите пожалуйста в отладчике chromium убрать такую панель. недавно появилась и мешает
0 votes3 answers -
Проблема с блогом, как добавить отступ
Всем привет, возникла проблема с модулем блога, дело всё в том, что расстояние между статьями очень маленькое и текст как бы сливается (вот сайт http://www.gold-seeds.net).Подскажите как это можно исправить? Заранее спасибо, за Ваши ответы!
0 votes8 answers -
Необходимо написать обработчики событий в input type=text и элементе div/div
Всем добра )! Может быть кто сможет мне помочь? С этим :на странице имеем - input type=text и элемент div/div. Необходимо написать обработчики событий так, чтобы при наборе текста в элементе input... он так же появлялся и в элементе div/div, причем все буквы "a", набираемые в элементе при выводе в элемент div/div замещались бы на букву "A".
0 votes1 answer -
Как сделать, чтобы Окрашивался выбранный пункт меню, в который перешёл
Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!
0 votes5 answers -
Три адаптивных колонки с изображениями разного размера и колонкой с текстом
Привет местным Возник вопрос он скорее всего очевидный, но даже не знаю как правильно у гугла спросить, а сам не могу сделать Надеюсь на вашу помощь. Нужно сделать три адаптивных колонки с изображениями разного размера и колонкой с текстом. Вот корявый пример на фиделе того что я хочу https://jsfiddle.net/bagow/ybzh6s8h/8/ Важно что бы картинки оставались одной высоты до того момента как спрыгнут на разные строки, и что-бы 1 с 3 колонки были одинаковые а 3 соответственно занимала все свободное пространство 20\60\20.
0 votes2 answers -
Форма ввода текста
Здравствуйте! Вопрос... Есть форма ввода для описания товара. Если в эту форму вводить описание, то оно идет без переходов на новую строку (тупо в строку), а переход на новую строку получается, если текст (или слово) не вмещается в размер окна. Как сделать так, что бы при вводе ENTER - текст переносился на новую строку? ТЕГИ </p> или <br> не работают ТЕГИ ВООБЩЕ НЕ РАБОТАЮТ и какие бы я теги не прописал, форма их "хавает" как тект...
0 votes1 answer