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
-
Сворачиваем удочки!
Что вы думайте о новом приложений Photoshop CC Export Kit? Мне кажется что это конец!
0 votes11 answers -
Посоветуйте сайт SEO раскрутки за деньги
У меня есть свой сайт ,но вот раскрутить не очень получается ,думаю заплатить за оптимизацию ,но хочется чтобы было качественно но и не очень дорого ,умеренная цена .
0 votes11 answers -
Примеры хорошего SCSS
Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…
0 votes11 answers -
как задать размер ПсевдоЭлементу
Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.
0 votes11 answers -
Не срабатывают медиазапросы
Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сай…
0 votes11 answers -
Список в две колонки
Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)
0 votes11 answers -
Выровнять текст возле картинки
Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>
0 votes11 answers -
Ошибка на сайте, не у меня
1 у меня на 19" и на 17" также 2 у проверяющего, почему у него слетает ,а у меня шаблон не по макету слишком большой отступ справа
0 votes11 answers -
Display None прогружается при загрузке страницы?
Есть например два слайдера. Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно. Но при загрузке страницы загружаются оба слайдера?
0 votes11 answers -
Трансформировать нижнию границу блока
Здравстуйте. Есть задача: повернуть нижнюю часть блока под определнным градусом, пример на картинке Вместо черного блока будет изображение на всю ширину экрана.. На форуме нашел подобную тему http://htmlforum.ru/index.php?showtopic=52365&hl=%2B%D0%BF%D0%BE%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%2B%D0%B1%D0%BB%D0%BE%D0%BA#entry350534 но есть ли другое решение?
0 votes11 answers -
Почему родительские дивы не учитывают высоту дочерних?
Всем привет. Столкнулся с проблемой. Есть главный контейнер .main-content, в который вложены все остальные. Почему то родительский контейнер не учитывает высоту дочерних. В чем может быть проблема? Вот сайт: http://cm04741.tmweb.ru/index.html Заранее спасибо за ответ!
0 votes11 answers -
Как перейти на адаптивность ?
я сверстал для компов. Начинаю переходить на адаптивность создал внешнюю табл стилей для моб и назвал small, там беру ширину, а также значения left для позиционирования. Беру эти значения и делю на 480 и умножаю на сто. Со шрифтом размер шрифта делю на 16 и результат пишу в em. Но получилось в браузере ерунда, одни уменьш другоое - нет. ЧТо я делаю не так ? П ПОМОГИТЕ.... html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, …
0 votes11 answers -
\r\n в тексте
При написании или вставке скопированного текста в форму на сайте, после сохранения появляются вот эти символы \r\n вместо пробелов. Я так понимаю не работает обработка переноса строк на сайте, подскажите как исправить?
0 votes11 answers -
Окно с прокруткой
Добрый день. Как сделать окно с прокруткой? Пример - виндосовские окна. Как выглядет окно: <div id="window"> <p>Заголовок окна</p> <div>Тут находится содержимое всякое разное</div></div>Т.к. у всех мониторы разные, то макс. высота окна не фиксирована, а задается в процентах от body / html. Соответственно, если содержимое вложенного div больше, то у него должна появиться вертикальная прокрутка. Как это сделать? Чтобы ничего не вылезало, скролбары показывались когда нужно. Может нужно верстку окна изменить? Ps Окно позиционировано абсолютно.
0 votes11 answers -
Помощь в вёрстке "Шапки"
Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
0 votes11 answers -
transition для меню
Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?
0 votes11 answers -
въехать в позиционирование дивов
подскажите как быстрее всего въехать в магию позиционирования дивов? стоит только сменить inline-block на block и все тут же разваливается
0 votes11 answers -
Как передать два массива с помощью чекбокса?
Есть форма. В ней есть чекбоксы. Чтобы передать массив пишем так name="delete_entities[]" . А как сделать, чтобы передать на сервер ДВА массива? Например, delete_entities_id[], delete_entities_path[] ?
0 votes11 answers -
Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?
Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…
0 votes11 answers -
Проблема
Добавляю class к изображению которая находятся в div и в css добавляю нужный код и не работает . Помогите ! ———--HTML—————— <div class="content"> <img src="images/home.png" class="lol"> </div> ————-CSS—————- .content .lol { margin: 0 auto; position: absolute; top: 0; left: 190px; } ————————— Где ошибка ? Помогите ...
0 votes11 answers -
Вывод файлов директории для скачивания
Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
0 votes11 answers -
Нужно ли верстать вплоть до пикселя?
Я позамствовал на одном сайте следующую технологию верстки: 1. Делаем фон из скриншота макета 2. Ставим opacity 0.5 3. Подгоняем элементы один-в-один Но как-то видел результат верстки профессионалов, и у них, например, отступ между парой строк на 2-3 мм больше, чем в макете, текст, если приглядеться, чуть менее жирный и т.д. Вопрос: насколько допустимы отличия от макета? Или надо, как это делаю я, выравнивать до сотых частей в ущерб времени?
0 votes11 answers -
Растянуть Div с float вертикально по высоте
Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код
0 votes11 answers -
input на мобильных устройствах
Добрый день, Помогите, пожалуйста. На мобильных устройствах при нажатии на input всплывает клавиатура, а само поле ввода увеличивается до конских размеров, сдвигая все остальное: т.е. кроме это поля, по сути, больше ничего не видно. Можно ли сделать так, чтобы при нажатии на input только появлялась клавиатура, а все размеры и масштабы оставались как есть. Спасибо. Иван
0 votes11 answers -
Всплывающий попап
Добрый вечер! Подскажите пожалуйста, как мне сделать всплывающий попап, активируемый щелчком по ссылке <a class="clickMe" href="#"><img src="gf-1.png"></a><div style="opacity: 1; visibility: visible;" class="popup"><div class="close_order">X</div>
0 votes11 answers