HTML Coding

29542 questions in this forum

1. Различный способы подключения стилей

   Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?

   Asked by volshebnyi, September 22, 2015

   0 votes
   9 answers
2. проблема с подгонкой страницы под высоту экрана

   Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/ отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Пробовал ставить body height 1px, чтобы контент заполнил высоту, но нижняя часть формы (кнопка sign up) скрылась при этом под футером. У футера position: absolute Когда делаю ему relative, то форма выползает назад, но появляется скролл при этом.. (

   Asked by Denzil, September 22, 2015

   0 votes
   3 answers
3. проблема при создании адаптивной навигации

   Помогите, пожалуйста... я сделал гамбургер-меню, но вылезли две проблемы. Ссылка на вид до создания гамбургера - https://drive.google...YWFRcENyMVRjSFk Ссылка на вид после создания гамбургера - https://drive.google...eDNKc2g0VnRaeW8 Т.е. гамбургер сделал вроде норм, получилось, но вылезли два дефекта: - разрыв между меню и контентом - поплыла вверх активная ссылка Со поплывшей ссылкой вообще не могу понять, что происходит. А разрыв пытался убрать установив для блоков меню и контента margin-bottom и margin-top соответственно в 0px... не помогло дайте намеки, что это может быть? спасибо большое!

   Asked by Denzil, September 22, 2015

   0 votes
   0 answers
4. Ищу стажировку HTML - верстальщик - HTML, CSS

   [В закладки] [Плавающее окно] #1 (permalink) Добрый день, Я начинающий специалист в верстке. Знаю HTML и CSS. Изучаю фреймворки и JS. Очень хочу реализовать свой потенциал в сфере web - разработки. Готова пройти стажировку ( рассматриваю и вариант не оплачиваемой), с дальнейшим трудоустройством. Буду рада интересным предложениям! мой почтовый ящик: verbenkina@gmail.ru

   Asked by YanaYaYa, September 22, 2015

   0 votes
   9 answers
5. Не подключается нужный шрифт

   Здравствуйте. Начал верстать и впервые столкнулся с такой проблемой, что не отображаются подключенные шрифты, вернее один из них. Хотя все пути правильные, имя шрифта и подключение тоже, плюс шрифт установлен в системе. Буду благодарен, если кто-то подскажет в чем проблема. Вот куски кода: Подключение шрифта @font-face {font-family: Helvetica-2-UltraLight;src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.eot);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.svg);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.ttf);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.woff);}Применение к ссылке #header ul li a{font-size: 34p…

   Asked by Sergo Skiller, September 24, 2015

   • Шрифт
   • Гельветика
   • Helvetica-2-UltraLight
   0 votes
   2 answers
6. Поставить меню в нужное положение.

   Здравствуйте. Кто подскажет, как разместить меню под картинкой. В моем случае получается внизу страницы. <div id="wrapper"><header> <div id= "logo"><img src= "images/logo.png" alt="Логотип" /></div><nav><ul id="menu"><li><a href="#"><span>Home</span></a></li><li><a href="#"><span>About us</span></a></li><li><a href="#"><span>Our support</span></a></li></ul></nav></header></div> CSS#wrapper {width:1260px;margin:0 auto;}

   Asked by Yeldos, September 23, 2015

   • menu
   0 votes
   6 answers
7. Отцентровать по вертикали содержимое ячейки

   Подскажите, как отцентровать по вертикали содержимое ячейки? http://codepen.io/anon/pen/yYaNyK

   Asked by yaparoff, September 23, 2015

   0 votes
   4 answers
8. не видит локальный bootstrap

   здравствуйте, друзья! скажите, пожалуйста, у кого были преценденты, по каким причинам может быть такое, что локальный бутстрэп не виден, а подключаешь cdn то видит спасибо!

   Asked by Denzil, September 23, 2015

   0 votes
   1 answer
9. bootstrap carousel

   Всем привет, есть слайдер от бутстрапа называется carousel. Инициализируется он так $('document').ready(function(){$('.carousel').carousel({interval: 6000,pause: 'none'});}) Только при загрузке страницы появляется интервал в 6 секунд , это понятно потому что он стоит в параметрах. Как сделать чтобы при загрузке страницы сразу же появлялся 1 слайд и потом между слайдами интервалы в 6 секунд. Спасибо.

   Asked by htmligor, September 23, 2015

   0 votes
   2 answers
10. Проблема отображения сайта при открытие в браузерах

    Все привет. Пытаюсь сверстать сайт на движке bootstrap 3. Сделал шапку, ориентировался по мозиле, зашел в хром а там все смещено. и так получается что у меня есть значение margin-top: 30px; Если его убрать, то в хроме все будет норм, а если поставить 30px; как мне надо по мозиле, то в мозиле все норм, а в хроме смещение. А так же чучуть различаються шрифты. Я скачал шрифт, и закинул в Панель Управления —> Шрифты. в мозиле один шрифт, а в хроме чуток изменен ( а точнее отступы между буквами больше ) как я понял проблема с кроссбраузерностью, кто что может подсказать с моей проблемой? и дать инфы для изучения кроссбрауз.

    Asked by cpcstrong, September 23, 2015

    0 votes
    1 answer
11. Не работает bootstrap и fancybox

    Подскажите, почему не работает bootstrap и fancybox? Я вижу, стили fancybox.css не отображаются...их перебивают стили от bootstrap... Хотя, сам скрипт работает: открывается модальное окно, но без стилей...

    Asked by Alfa2015, September 23, 2015

    0 votes
    2 answers
12. Не корректная работа .navbar и Sticky [Bootstrap3]

    Приветствую! Я только изучаю bootstrap и в дизайне не силён. У меня такая проблема: Меню .navbar реализовано, как "липкое меню" и при прокрутке, когда прикрепряется к верху, его целостность рушится и подкладывается под карусель.

    Asked by Value_of, September 23, 2015

    • navbar
    • sticky
    • bootstrap
    • меню
    • фиксированное меню
    • липкое меню
    0 votes
    9 answers
13. неправильная реакция браузера Mozilla Firefox на media query

    В шапке у меня прописан вьюпорт <meta name="viewport" content="width=device-width, initial-scale=1">в css у меня прописано свойство body{ background: coral;}@media screen and (min-width: 480px){ body{ background: green; }}Но, смена фона происходит не на 480 пикселе, а на 463px. В хроме все в порядке. Может кто сталкивался, подскажите в чем причина? я хочу, чтобы изменения происходили четко после 480px

    Asked by anvyd, September 24, 2015

    • media queryresponsive design
    • width
    • Mozilla Firefox
    0 votes
    1 answer
14. Возможно ли назначть изображение полям (за пределы wrapper'a)?

    Привет всем! Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера) В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована) Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?

    Asked by centurionkz, September 23, 2015

    0 votes
    2 answers
15. border-image

    Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?

    Asked by титько, September 23, 2015

    0 votes
    2 answers
16. Как на сайте создать кнопку запуска музыки.

    Я хочу создать 3 квадрата з определенньми песнями. Если нажать то воспроизводится песня, если на другой то вторая песня и т.д. Думал как ето сделать как сам еще новичок в етом деле, а deadline уже скоро( Спасибо!

    Asked by Bodjo, September 23, 2015

    0 votes
    3 answers
17. Как сделать исполнение кода CSS в зависимости от его поддержки броузером?

    У меня двух колоночное меню: .menu > li { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #fff; /*белая линия в конце блока. вместе с серой линией тэга <a> образует бело-серую линию*/ }.menu a { text-decoration: none; display: block; text-align: center; font-size: 14px; border-right: 1px solid #dedede; /*вместе с белой линией тега <li> образует бело-серую линию*/ }.menu > li:nth-child(2n), .menu > li:nth-child(2n) a { border-right: none; /*убираем у правых пунктов меню линии разграничения - они там не нужны, там граница самого меню*/ }Поскольку бордюр тега <а> должен влезть в &lt…

    Asked by Launder, September 24, 2015

    • calc
    • border-box
    0 votes
    21 answers
18. Текст после таблицы

    Уважаемые специалисты! Есть некая задача. На странице выводится простая таблица (!с возможностью редактирования): Код страницы такой: <HTML><HEAD> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD> <BODY contenteditable="true"> <TABLE style="WIDTH: 100%" bgColor=#ffffe1> <TBODY> <TR borderColor=#ffffe1> <TD>Text XYZ</TD></TR></TBODY></TABLE> </BODY></HTML> Задача состоит в том, чтобы принудить пользователя редактировать текст именно внутри желтенькой таблицы, а не за ее пределами. Но п…

    Asked by knyazevsergey, September 24, 2015

    0 votes
    3 answers
19. позиционирование блоков относительно фона

    Здравствуйте. нужен совет ,как лучше сверстать. есть полосатая фоновая картинка с горизонтальными полосами. и нужно расположить прямоугольные блоки так чтобы эти блоки по высоте всегда помещались в эти линии. проблема в том что фоновое изображение должно быть резиновое ,поэтому высота полос фонового изображения разная на разных экранах. и блоки адаптивные , т.е не получится обернуть полоску блоков в контейнер и задать им фон, так как количество блоков расположенных в горизонтальной полосе будет меняться в зависимости от размера экрана. посоветуйте ,как справиться с этой задачкой.

    Asked by ishurgaya, September 24, 2015

    0 votes
    6 answers
20. Экранирование символа

    Всем привет, есть селектор $('input[name=prop ]).val($(this).data().val); на который ругается js из-за prop . Как экранировать символы [ ]

    Asked by htmligor, September 25, 2015

    0 votes
    4 answers
21. Range slider with two input

    Добрый день. Использую noUiSlider http://codepen.io/npofopr/pen/wKzNaz Как сделать, чтобы каждый инпут менял именно свой ползунок?

    Asked by npofopr, September 24, 2015

    • range
    0 votes
    3 answers
22. Выпадающее меню

    Подскажите как сделать выпадающее меню ?

    Asked by rpmcmerphy, September 25, 2015

    0 votes
    8 answers
23. Шрифт как на домофоне?

    Всем привет! Подскажите хотя бы название шрифта который используется например в домофонах? Хочу на сайт добавить. Нашел http://www.fontsquirrel.com/fonts/Digital-dream?q%5Bterm%5D=tech&q%5Bsearch_check%5D=Y

    Asked by FitTech, September 25, 2015

    • css
    • html
    0 votes
    2 answers
24. Как выровнять текст по вертикали, чтобы всегда был по центру поля?

    <div class="sitebar_body"><ul><li><a href="#"><ul><li class="sb_img_1" id="p_1"></li><li class="sb_txt_1"><p>Плита безопалубочного формирования</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_2"></li><li class="sb_txt"> <p>Колонны</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_3"></li><li class="sb_txt"><p>Ригели</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_4"><…

    Asked by Fizruk, September 25, 2015

    0 votes
    2 answers
25. Вид формы

    Подскажите как сделать форму ввода как на картинке https://cloud.mail.ru/public/DNZL/75kn8hYo1.

    Asked by Yeldos, September 25, 2015

    • форма
    0 votes
    2 answers