HTML Coding

29,542 questions in this forum

1. Веб-программирование -- изучаем.

   Привет всем. Вот решил для себя заняться изучением веб программирования. Перерыл гугл, но толком ничего не нашёл: а именно что и в какой последовательности, какая литература лучше и т.д. Прошу у вас помощи, а вернее подсказки что в какой последовательности изучать (я понял что в такой: HTML5, CSS3, PHP, MiSQL) - поправьте если не прав. И подскажите какую литературу, ибо книг очень много, а достойные внимания новичка единицы, какие это единицы?

   Asked by systeman, July 25, 2016

   0 votes
   8 answers
2. Как расположить два изображения в линию в резиновом блоке

   Товарищи, подскажите как решить проблему. Нужно расположить два изображения рядом в резиновом блоке, что добавить в ".banners img"? На скрине наглядный пример <section class="banners"> <img src="img/banners/nike.png" alt="" class="left-banner"> <img src="img/banners/caps.png" alt="" class="right-banner"> </section> .banners { width: 1300px; max-width: 100%; } .banners img { border: 1px solid #e5e5e5; }

   Asked by art201214, August 3, 2016

   0 votes
   8 answers
3. Как сделать картинку в теге body во всю ширину ?

   Как сделать картинку в теге body во всю ширину ? я делаю таким образом с помощью этой картинки http://image.prntscr.com/image/42ef47dca6414e318a404e3b1de2029c.jpg body{background: url('') repeat-x left top;} Вот что получилось http://image.prntscr.com/image/e4474289aea44821995d7762c7b2d1e1.png Но как сделать то же самое только с помощью этой картинки http://image.prntscr.com/image/0cc939f529fc4dcb8842166dc33f36f3.jpg И результат был такой же как тот что выше указан (только зеленый цвет)

   Asked by SWM, August 4, 2016

   • css
   0 votes
   8 answers
4. Только только начал верстать вопрос зачем оборачивать img в div если и без него работает

   Всем привет. Я только недавно начал верстать. Сейчас пытаюсь сделать e-mail рассылку. У меня такой вопрос: зачем оборачивать img в div если и без div работает ? Пример : <td width="138" valign="top" style="margin: 0; padding: 0; padding-top: 14px; padding-left: 30px;"> <a href="#" target="_blank" border="0" style=" margin: 0; padding: 0; outline: none; border: none; text-decoration: none;"> <div style="font-size:1px;line-height:1px;"> <img width="138" height="84" src="images/logo.png" alt="БонПари" style=" border: 0; margin: 0;padding: 0; display: block; font-size: 1px; line-height: 1px; font-family: Verdana, Tahoma, Geneva, san…

   Asked by blalorvet, August 5, 2016

   • div
   • img
   0 votes
   8 answers
5. Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

   DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

   Asked by Roma-Pro, August 10, 2016

   • html
   • css
   • scroll
   • div
   0 votes
   8 answers
6. Прикленный к нижней границе окна футер остается на месте при скроллинге

   Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…

   Asked by IvanPetrovich, August 19, 2016

   • css
   • div
   0 votes
   8 answers
7. Что не так в моем HTML коде?

   Доброго времени суток! Может кто знает, то подскажите пожалуйста, что не так в моем коде? Только в HTML. Никаких CSS! validator.w3.org сообщает, что ошибок не найдено! И как бы так оно и есть, в браузере все показывается красиво и корректно. Но это тест по вёрстке из учебного курса который показывает, что я его не прошёл! Но почему? Может кто заметит, что тут не так? Буду очень благодарен! Вот мой код: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <div class="assortiment"> <h2>Ассортимент</h2> <table> …

   Asked by Tony Brown, October 19, 2016

   • вёрстка в html
   • раздел html кода.
   0 votes
   8 answers
8. требуется наставник по верстке и CSS

   Доброе время суток, требуется наставник для обучения вёрстке и CSS для начала, лично мой уровень чуть выше начального

   Asked by rusy, December 5, 2016

   0 votes
   8 answers
9. вопрос по focus

   Всем привет. народ выручайте, столкнулся с проблемой. сделал блок фиксированый и задал ему opacity:0.1; а при наведении значение равное 1 . в этом блоке есть форма (textarea) как сделать чтобы как только форма получала фокус блок тоже принимал значение opacity:1; и становился видимым не дожидаясь пока не него наведут? вот коды https://jsfiddle.net/c6c00ewg/1/

   Asked by green-vik, November 17, 2016

   0 votes
   8 answers
10. Кроссбраузерность line-height или как правильно центровать текст по вертикали

    Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

    Asked by Arinden, January 10, 2017

    • padding
    • line-height
    • font
    • webfont
    • android
    • fonts
    0 votes
    8 answers
11. 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?

    Asked by vip, December 21, 2016

    • sass
    0 votes
    8 answers
12. Как отменить срабытывание скрипта при разрешении экрана свыше 768px?

    https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.

    Asked by Delat, February 10, 2017

    0 votes
    8 answers
13. Не вмещается Страницы

    Добрых суток Товарищи. Помогите. Есть макет сайта. Пробую сверстать нижнею часть это все ниже начиная от белого фона. Проблема в том что я открывая сайт в интернете(chrome) вижу то, что я свесртал не влезает и скролится влево. Как это исправить. Пробовал max-widht вроде не помогает. Может не правильно применяю...

    Asked by zukko961@gmail.com, April 26, 2017

    • страница
    • помогите
    0 votes
    8 answers
14. Отладка сайта на локальном сервере на своём мобильном телефоне возможна?

    Здравствуйте! Скажите, пожалуйста, можно ли отлаживать сайт, расположенный на локальном сервере, с помощью своего мобильного телефона с браузером Хром? Телефон работает на android и подключается к сети через wi-fi

    Asked by borus, March 23, 2017

    0 votes
    8 answers
15. Расстягиваем внешний div самым внутренним по высоте

    Есть вложенные блоки <div id="d1"> <div id="d2"> <div id="d3"> ....... </div> </div> </div> Нужно чтобы все блоки имели высоту 100% и самый внутренний div (он может быть и 4-м... вложением) растягивал все внешние в зависимости от контента если контент больше 100%. Желательно без js.

    Asked by sarcus, April 21, 2017

    0 votes
    8 answers
16. блок div смещается вниз при заполнении соседнего div`a

    Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

    Asked by DarkEnot, April 25, 2017

    0 votes
    8 answers
17. Как нейтрализовать смещение контента после исчезновения прокрутки?

    Здравствуйте! Продолжаю дорабатывать форму, которая вызывается по клику на кнопку "Заказ в 1 клик" на странице. После вызова формы видно, что контент под шапкой меню смещается к центру из-за исчезновения скроллинга (появляется overflow:hidden у body) Скажите, пожалуйста, как в современных подходах верстки нейтрализуют подобные смещения?

    Asked by borus, June 9, 2017

    0 votes
    8 answers
18. Помогите разобраться с css

    Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }

    Asked by Frikker, June 12, 2017

    • css
    • web
    • новичку
    • помогите
    0 votes
    8 answers
19. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337, July 22, 2017

    • bootstrap
    • разметка
    0 votes
    8 answers
20. Свойство transform: rotate() для адаптивной верстки

    Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> &l…

    Asked by Libiros, July 26, 2017

    • transform
    • css
    • адаптивная верстка
    • rotate
    • bootstrap
    0 votes
    8 answers
21. Не могу реализовать данное меню

    Друзья встал такой вопрос с реализацией 2ух меню, между которыми находится лого. Менюшки то расходятся, то лого куда то съезжает. Кто может подсказать путь решения данной проблемы? Вот что необходимо получить: Ширина 1410px. Прилагаю свои способы: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> …

    Asked by rinatoff, July 28, 2017

    0 votes
    8 answers
22. Тормозит карусель

    Добрый день! Или у меня что-то с интернетом или карусель на главной и следующая страничка "купить" долго загружаются. Можете глянуть в чем причина?? Спасибо!

    Asked by Vic-Tor, August 15, 2017

    • карусеть
    0 votes
    8 answers
23. почему тень не перекрывает элементы?

    Привет! http://resursmed.ru/balm Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает... Посоветуйте?

    Asked by d0ublezer0, September 18, 2017

    0 votes
    8 answers
24. Блочная верстка макета

    Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…

    Asked by Super_Saimon, October 31, 2017

    • html
    • блочная верстка
    0 votes
    8 answers
25. Почему формат шрифта eot на некоторых сайтах подключают отдельно, от всех остальных fon-face ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:500; src: local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 500'; src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } 1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF P…

    Asked by Димитрий, November 19, 2017

    1 vote
    8 answers