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
-
Bootstrap. использование медиазапросов SASS
Имеется такая структура файлов: sass/ -- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.) -- _bootstrap.scss -- main.scss содержание файла main.scss: @import "bootstrap"; .element { with: 200px; @media (min-width: @screen-md-min) { width: 100px; } } Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?
0 votes8 answers -
Подскажите какой это шрифт ?
Привет, подскажите какой шрифт и его настройки использует ютуб, в своём выпадающем меню, которое появляется при клике возле значка самого ютуба сверху. Не могу залить картинку, но думаю понятно и так.
0 votes4 answers -
Можно ли сделать так по другому (а не position)?
https://incub10.github.io/scheme/ Как сделать по другому? Просто position перекрывает паддинг нижний(
0 votes4 answers -
Фрейм страница отображается на 1/4 части от всего экрана в окне браузера
Здравствуйте! В сайтостроении я дум дубом. Создал фрейм страницу, в файл index.html залил следующий код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ЗАГОЛОВОК ДОКУМЕНТА</title> </head> <body style="margin:0px; padding: 0px;"> <iframe src="http://ur.farengate77.pp.infobizclassic.ru" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe> </body> </html> Проблема состоит в том, что при открытии сайта в любом браузере, он отображается всего на 1/4 часть экрана, как будто у меня экран сразрешением не 1200х800, а 1200х200 Вот ссыл…
0 votes0 answers -
Как маштабировать страницу html
Я новичек, мне нужнп помощь, как в коде html, сдедпть так чтобы страница не растягивалась в горизантальном формате, а только в вертикальном и как подстроить сайт ( оптимизировать его, под разные разрешения экрана ). И как все же поставить ограничение страницы, что она была вертикальнвя, а не растягивалась вечно?
0 votes1 answer -
hover на другой элемент
Как заставить при наведении мыши на один элемент применить фон для другого элемента? или альтернативу предложите. https://jsfiddle.net/v662rftm/
0 votes7 answers -
Как научится быстро верстать
Подскажите, как можно, научиться быстро верстать?
0 votes9 answers -
html Помогите с неправильным отображением.
В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; …
0 votes4 answers -
Как сделать кнопку и cсылку по центру?
Как сделать кнопку и cсылка по центру? Пока оцентрировал с помощью position
0 votes2 answers -
Приоритет наложение слоёв
Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?
0 votes3 answers -
Не работает <div>
Я только изучаю html и css и у меня вот такая проблема: посмотрите пожалуйста в чём проблема такое уже не в первый раз https://jsfiddle.net/fanat1k/moocktzv/
0 votes4 answers -
Неправильное отображение шрифта текста.
Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступ…
0 votes0 answers -
Позиционирование. Как такое реализовать?
Привет всем! Интересует такой интересный вопрос, реализацию которого я увидел в чате Вконтакте. Там сверху чата выводится дата сообщений поверх всего, но фишка в том, что данный блок как бы не дает на себя спозиционироваться что ли... Т.е. я спокойно могу начать выделение текста в чате под данным блоком. Как реализовать такую возможность? Как я знаю, если вывести блок поверх всех через z-index, то и все действия будут происходить именно в его зоне, а не под ним. А тут как бы происходит его игнорирование, хотя данный блок находится наверху всех. Надеюсь понятно объяснил)))
0 votes3 answers -
Зависание псевдокласса :active в IE7
Привет форумчанам! Вы, наверное, будете смеяться, но я с проблемой верстки под IE7 =) Да-да, вы не ошиблись, именно под тот самый седьмой эксплорер. Верстаю одну маленькую незначительную страничку, но начальству очень критично, чтобы она работала в IE7. (Есть у них клиенты, небольшой процент, которые юзают этот браузер, блин). Среди прочего на страничке, необходимо сверстать элементы навигации слайдера, а именно стрелки влево и вправо, которые генерируются скриптом как тег <a href>, т.е. это ссылки. Проблема состоит в том, что по нажатию на картинку-ссылку (для ИЕ7-8 специально эти элементы делались картинками, а не css'ом) она зависает в состоянии ac…
0 votes4 answers -
Как экспортировать слайдер на макете?
Вот на макете, не могу понять как экспортировать слайдер, самый первый под меню и лого, то ли объединить все в один слой или как нить по другому? вот макет site.psd
0 votes5 answers -
Как развернуть картинку в модальном окне
На странице есть полноразмерная картинка но сжата стилями до необходимых. Как можно сделать что бы при нажатии на ссылку "развернуть" этаже картинка разворачивалась в большом всплывающем окне (на 90% экрана)? Причем надо что бы именно эта картинка просто развернулась - БЕЗ лишней ещё одной загрузки. Вот заготовка - https://jsfiddle.net/af5wk09r/ ссылка "развернуть" не работает ( Спасибо, можно ли реализовать без скриптов?
0 votes2 answers -
phpMyAdmin нужен ли
Привет, Подскажите, пожалуйста, нужен ли вообще phpMyAdmin для хостинга 2 сайтов на CMS WordPress+Joomla, если есть прямой доступ к серверу в соседней комнате? Что в таком случае полезного даёт phpMyAdmin?
0 votes2 answers -
На сколько важна CMS при адаптации сайта
Часто вижу заказы на фрилансе по адаптации существующего сайта для мобильных/планшетов. Но я как новичек, не понимаю для чего пишут название CMS, если адаптировать, например, можно через медиа запросы. В таких же случаях правишь только CSS/HTML, но не PHP?? Из последнего было на фрилансе, что сайт на самописе и надо адаптировать и фрилансеры-исполнители смотрю пишут-"ах на самописе, значит дороже будет ". Почему дороже? Хотелось бы понять без особых знаний php, но с уверенными знаниями CSS/html можно адаптировать сайт или нет. А то меня, как новичка-верстальщика, смущает указание cms в заказах.
0 votes1 answer -
НУжна помощь при вставке текста в css
Добрый вечер друзья! Необходима помощь: Нужно вставить текст, не могу понять. Все отметил на картинке.
0 votes4 answers -
Выполнение пробного сайта
Здравствуйте, прошу помочь. В моём окружении нету знающих сайтостроение, кроме форума. В общем нужен опыт, на теории знаю много чего, а на практике практически опыта нету, кроме незамысловатых сайтов-визиток. Хотелось бы получить что-то типа технического задания которое определят мои знания. Например: задать сверстать макет по PSD и указать что где как должно быть, после моего выполнения указать на ошибки.
0 votes4 answers -
Как зафлоатить инпут?
Помогите пожалуйста, не получается сверстать вот такую банальную навигацию .. Пробывал уже и inline-block, и флоат .. Но инпут не прижимается к правому боку. Можете ответ не говорить, скажите что не так делаю, и что поправить. Вот мой измученый код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> example </title> <link type="text/css" rel="stylesheet" href="style.css"> </head> <body> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Blog</a></li> …
0 votes3 answers -
Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?
Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…
0 votes1 answer -
Разрешить ввод только цифр
Помогите пожалуйста настроить популярный плагин для angularjs1 Сейчас в input возможно ввести любые символы. В результате действия плагина они оформляются в такой шаблон: +9 (999) 999-99-99 , в котором '9' - это любой символ. но мне нужно чтобы на место '9' можно было ввести только цифру. Но не букву. В документации написано, что этого можно добиться, если спользовать такой паттерн: \d Но этот паттерн не срабатывает(или я что-нибудь не так делаю). JSFIDDLE js: (function () { 'use strict'; var app = angular.module('app', ['ngMask']); app.controller('Appctrl', Appctrl); function Appctrl(){ } })(); …
0 votes0 answers -
Ротация при нажатии. Как заменить обычный плеер на ютуб. должны меняться ютуб окна
Как заменить обычный плеер на ютуб. должны меняться ютуб окна, ротация при нажатии Добрый вечер Не подскажите как заменить обычный плеер на ютуб _http://promalp-skala.ru/2/index2.htm Когда нажимаешь на банеры Знакомство с Bunchems Как сделать мишку Тедди из Bunchems? и тд должны меняться ютуб окна Код окна Куда вписывать ссылки с роликами?
0 votes0 answers -
Нужен ли Sass
Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css
0 votes3 answers