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
-
джон дакетт Хорошая ли книга?
Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)
0 votes0 answers -
графика на сайте
Добрый вечер. Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? sait1.zip
0 votes0 answers -
2 строки центрировать вертикально относительно изображения
Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.
0 votes2 answers -
Найти последний дочерний элемент в контейнере
Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…
0 votes1 answer -
При помощи чего можно реализовать меню с изображения.
Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…
0 votes4 answers -
Как сверстать переключатель
Здравствуйте, форумчане! Не могу сообразить, каким способом сверстать вот такой переключатель (http://wdfiles.ru/9mbT). Есть идеи?
0 votes2 answers -
Кроссдоменный запрос с использованием credentials
Возможно ли отправить кросс-доменный запрос на страницу с <allow-access-from domain="*"/> и использованием кредов пользователя (пользователь залогинен на сайте, во второй вкладке открывает страницу со скриптом, скрипт получает данные с того сайта и куда-нибудь отправляет =)? На запрашиваемом сайте в crossdomain.xml: <cross-domain-policy> <allow-access-from domain="*"/> <site-control permitted-cross-domain-policies="master-only"/> <allow-http-request-headers-from domain="*" headers="*"/> </cross-domain-policy> Получаю такую ошибку: В целях безопасности, это сделали невозможно? Просто в F12-Network вижу, что responce …
0 votes0 answers -
Подскажите как сверстать данный элемент
Тут есть тени, градиент, закругленные углы, и выпуклая верхняя часть. С тенями, градиентом, и нижней частью проблем нет, но вот как реализовать верхнюю часть - ума не приложу. border-radius c параметрами через "/" не дает резкого закругления по краям, псевдоэлементами придется подгонять диагональный градиент, что при адаптации создаст кучу гемороя. Картинкой сделать нельзя так как содержимое может меняться. Есть какое-то менее болезненное решение чем через псевдоэлементы?
0 votes6 answers -
Помогите определиться с CMS для интернет-магазина.
Всем добрый день! У меня есть небольшой интернет-магазин, товаров всего до 60 штук. Корзины нет, дизайн обычный. Понимаю, что любая CMS - это большой объем не нужной информации, т.к. мне не нужна регистрация клиентов (сам такие магазины обхожу стороной), хотя у меня есть постоянные клиенты. Мне не нужны платежные системы и оформление доставки и т.д. В общем, мне нужна только полноценная корзина с отправкой заказа, никаких админок с корректировками заказов и тд. Шаблонов бесплатных на HTML миллионы, с ними я немного разбираюсь, с CSS с горем пополам методом тыка тоже разберусь (или с помощью форума). Без проблем могу купить готовый шаблон на OpenC…
0 votes2 answers -
Какую спецификацию html стоит читать на данный момент ?
Какую спецификацию стоит читать, основы я знаю, вот думаю начать не просто верстать как попало а уже зная спецификацию. https://www.w3.org/standards/techs/html#w3c_all Точнее даже какую версию лучше читать сейчас: HTML 5.1 2nd Edition (2017-10-03) или HTML5 (2014-10-28) То что по новее или то что по старше ?
0 votes13 answers -
Код Виджета плейлиста, переделать в iframe
Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…
0 votes1 answer -
Слайдер с миниатюрами вместо стрелок
Здравствуйте. Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.
0 votes6 answers -
Помогите, пожалуйста, с идеями по поводу верстки
Всем привет, помогите, пожалуйста, с идеями верстки следующего :
0 votes2 answers -
График контрибутов.
Почему на графике контрибутов, квадраты закрашиваются максимально зеленым цветом независимо от того, что я сделал?
0 votes2 answers -
AOT в angular2
ребята, подскажите пожалуйста правильно ли я понимаю как сделать AOT-компиляцию angular2-проекта первый способ это перед помещением файлов проекта на хостинг использовать команду node_modules/.bin/ngc -p tsconfig-aot.json и после этого файлы из каталога src скопировать на хостинг но второй, более простой, способ это просто установить пакет angular-cli и запустить команду ng build. в результате создастся каталог build, который остаётся только скопировать на хостинг
0 votes0 answers -
Как лучше сверстать?
Всем привет! Давно сам не просил помощи и сам не советовал. Но вот настал момент, когда я застрял на простой задаче. Есть стандартная сетка бутстрап. Верстка примерно такая https://codepen.io/Schamil74/pen/QqYEGY Есть блок .text1(выделен цветом и подписан), который нужно растянуть за контейнер. Как лучше сверстать ? Сейчас куском за контейнером блок - .row_green
0 votes0 answers -
img в div по центру
Долго бился получил такой код: <div style="background: black;width:100%;height:100%;margin: auto; text-align: center;position: absolute;"> <img align="top" src="/images/video.jpg" width="700" height="394" alt="Video" style="width:100%;height: auto;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;" /> </div> выглядит так но на телефоне растягивает?
0 votes4 answers -
Вертикалное направление текста в таблице
Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??
0 votes2 answers -
Позиционирование изображения с помощью vertical-align: middle
Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.
0 votes7 answers -
Поиск по названию сайта
Здравствуйте , у меня такая задача: Мне надо , чтобы у меня был поиск картинок по названию с подсказками Например: Имя файла: картинка.png Я ввожу слово картинка и он мне ее выбирает , а дальше скрипт выполняет свое дело
0 votes1 answer -
Проблема с атрибутом media
Недавно начал учиться верстке. Столкнулся с адаптацией, и тут возникла одна проблема: моя среда разработки как-будто не видит медиа-запросы. Написал примитивный код, чтобы проверить. У друзей код работает, у меня нет. Подскажите с чем это может быть связано. Прикрепляю скрины.
0 votes1 answer -
Проблема с счетчиком посещаемости
Я новичок скачал шаблон на bootstrap отредактировал его под себя и после всех трудов у меня возник вопрос. Все страницы на HTML5 в будущем будет до 20, как мне на сайт поставить счетчик посещаемости, яндекс и гугл примочки. ставить отдельно на каждую страницу по-моему не есть гуд. Есть какой нибудь способ, весь нет изрыл, но ничего полезного не нашел. Бросать все и переходить на cms жалко.
0 votes0 answers -
<td> вложенные элементы
Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя... Предложите пожалуйста решение.
0 votes4 answers -
<button> отправить форму и остаться на странице
Подскажите решение, пожалуйста. Есть среди ответов форума вариант onclick="window.open('https://myurl')" но будет ли это валидно в моём случае?
0 votes3 answers -
Как сделать высоту карты яндекс адаптивной ?
Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2
0 votes4 answers