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
-
Проверка работоспособности
Можете проверить и отписаться насколько долго грузиться сайт. Хамелеон18.рф Заранее спасибо!
0 votes6 answers -
Две проблемы в JavaScipt (jQuery)
Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('documen…
0 votes5 answers -
Что не так в css табов
Добрый день. Вот по этому мануалы , скопировав все в точности, сделала вкладки , Но дизайн совсем не тот . Подскажите, пожалуйста, что нужно поменять в стилях?
0 votes4 answers -
Как сделать дерево элементов наподобие генеалогического (отличный пример: схема метро)?
Здравствуйте. Каким способом можно реализовать такое дерево элементов? Есть какая-то библиотека? Желательно конечно библиотеку. На ум пришло только абсолютное (относительно-абсолютное) позиционирование (что по-моему крайне не очень) и таблица (но как провести линии между элементами?) UPD: Нашел! Treeant.js и Springy
0 votes1 answer -
Проблемы в JavaScript
Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; to…
0 votes1 answer -
Посоветуйте, как поровнее колонки сверстать?
http://www.uaz-n.ru/?template=tiles колонки магазин уаз, запчасти уаз, внедорожный тюнинг - посоветуйте пожалуйста, как бы их к более-менее одной высоте приучить? набор пунктов в обоих списках будет динамическим. плашку с магазином уаз можно через table-cell вытянуть в принципе, а внедорожный тюнинг растягивает блок слишком сильно по высоте, а хочется чтобы он стремился к усредненной высоте половины своего содержимого. сейчас криво: клиника?
0 votes6 answers -
Как сделать фон в мобильной версии сайта?
AlexZaw спасибо.
0 votes10 answers -
Начальная ширина мобильного дизайна
Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?
0 votes5 answers -
Отображение в сафари
http://verstka2.webjon.ru/ На главном бане стилизованный список select2 и вот он отображается ниже на айфоне. Думаю и в др. сафари то ж самое,Никакие попытки выровнять не помогли. Инструменты вот такое показывают http://joxi.ru/KAxdZVT44v1zA8 Откуда берется отступ так и не понял. ессно жесткое задание высоты не помогает
0 votes0 answers -
Стоит ли использовать плагин fittext
Приветствую всех! У меня такой вопрос. Сегодня прочитал про JS плагин, могу ошибиться в написании названия, но вроде Fittext. Плагин добавляет скрипты Js в страницу, позволяющий задавать тексту различные дополнительные параметры. Кто-то использует этот плагин? На сколько знаю вроде для адаптивного текста достаточно использовать проценты или em. Возникает вопрос зачем тогда нужен сей плагин? Или я что-то не так понимаю?
0 votes1 answer -
Нужна помощь с копированием
Можете подсказать как можно сделать такой каталог на своем сайте (нужно скопировать,или сделать подобное вот с этого сайта)http://amigo.ru/kollekcii/kollektsiya-rulonnykh-tkaney/
0 votes7 answers -
Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?
Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!
0 votes1 answer -
Меню на мобиле не работает
Так есть меню в мобильной версии сайта Скажем на ios: если чуть прокрутить вниз страницу то уходит строка браузера верхняя и если ее нет, этой строки то меню не открывается код на js такой: $(btn).on('click', function(event){ event.preventDefault(); //console.log('click'); $(this).toggleClass('active'); $(menu).toggleClass('open'); $(menu).show(); if ( $(window).width() < 767) { $('html, body').toggleClass('overflowHidden'); } }); Кто-нибудь сталкивался с подобным?
0 votes3 answers -
Scroll horizontally in JQ
Всем привет! Помогите реализовать нормальную горизонтальную прокрутку
0 votes0 answers -
list-style-position не работает
Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…
0 votes5 answers -
Полная замена кода страницы
Доброго времени суток! Буду краток : обучаюсь верстке, наткнулся на такой пример (на кодопене, внизу, если не открывает - codepen.io/colewaldrip/pen/MKmKEJ) Проблема: На сайте и в скаченных исходниках (архиве) совершенно разные коды, хотя открывается та же форма (можете попробовать экспортировать). Соответственно я так понял, что код где-то должен заменяться, только я не понимаю где. Будьте любезны, объясните почему так происходит, где происходит замена и что можно почитать/ посмотреть на эту тему. Заранее спасибо.
0 votes0 answers -
Не применяется стиль css
Здравствуйте! Не могу разобраться, почему не применяется стиль к (.navbar-brand) когда он помещен в навбар?
0 votes6 answers -
Создание диаграммы
Добрый день, форумчане! Первый раз собираюсь делать диаграмму. Но не знаю с чего начать. Посоветуйте те, кто делал подобные. Особенно интересует как закрашивать розовым цветом.
0 votes3 answers -
Кроссбраузерность mask и clip-path
Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка
0 votes3 answers -
Адаптивная вёрстка. Как правильно подойти?
Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё дети…
0 votes2 answers -
Помогите разобраться с css
Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }
0 votes8 answers -
bootstrap Как сверстать картинку, выходящую за сетку бутстрап?
Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!
0 votes13 answers -
hover на 1-й элемент, меняет стиль 2-го элемента
Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.
0 votes2 answers -
Html не может добраться до ресурсов, где CSS файлы и картинки
Здравствуйте. Моя проблема состоит в том, что изначально созданы папки css, img с соответствующими файлами и отдельно image.hml. Но когда .html файлов стало несколько, создав для этого папку и переместив в неё эти файлы , они вдруг перестали видеть .css. Помогите нубу, я только изучаю и мне стыдно.
0 votes4 answers -
Нужна помощь с transition
Нужна помощь опытных верстальщиков. Цель, что бы кнопка submit при наведении плавно заполнялась с низу в верх другим цветом, как в примере с кнопкой Download. Задача--> https://jsfiddle.net/#&togetherjs=l0dHCPehOk Пример--> https://jsfiddle.net/#&togetherjs=CGBJ6RhM5L
0 votes0 answers