HTML Coding

29,542 questions in this forum

1. javascript Обучение JS

   Всем привет, собираем людей, учить JS. Будет наставник по вечерам обучать нас, бесплатно. Если кто-то хочет, то стучите в skype crushing1337228@gmail.com

   Asked by Crushing, July 24, 2017

   • js
   0 votes
   2 answers
2. Наклонные секции

   Здравствуйте, в макетах часто попадаются трансформированные секции (наклонные, в виде параллелограмма, или с углом внизу .. Скажите, как их делают? Подразумеваю что на css трансформациях .. Но тогда вся секция вместе с контентом поварачивается .. Или делают через псевдоэлементы? Если есть статья, или видео-урок, буду признателен ..

   Asked by Hasiev, July 24, 2017

   0 votes
   2 answers
3. bootstrap, выход за предел container

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

   Asked by Brodyaga337, July 22, 2017

   • bootstrap
   • разметка
   0 votes
   8 answers
4. Можно ли уже выходить на работу фрилансером?

   Доброго времени суток. Есть базовые знания css/html могу сделать верстку по PSD макету с нуля, адаптивно. Вопрос в том, можно ли с таким уровнем знаний выходить работать на фрилансе за копейки до 500рублей за заказ? Нужно набирать опыт. Или лучше пока тренироваться на паблик макетах? p.s. В процессе изучения JS. Может лучше сначала изучить еще и JS и только после этого брать заказы?

   Asked by Crushing, July 22, 2017

   • фриланс
   0 votes
   3 answers
5. Обучение верстки

   Здравствуйте. Если вы учите верстку только, то можете добавляться в скайп, будет не скучно. У нас есть небольшая компания людей,изучающая совместно. Кому интересно - дам адрес скайпа.) Можно и профи, для закрепления знаний. мои знания - html css. учу js - только начала

   Asked by melissia, July 22, 2017

   • изучение верстки
   • верстка
   0 votes
   6 answers
6. Векторная графика

   Здравствуйте. Вопрос к практикующим верстальщикам. Учусь делать верстку, появился такой вопрос. Обязательно ли всю графику делать векторной из макета? Какую именно графику делать векторной или всю? Используете ли для этого платные сервисы? Спасибо!

   Asked by melissia, July 22, 2017

   • векторная графика
   0 votes
   3 answers
7. Маштабирование макета

   Ребят помогите разобраться, не пойму где ошибка,есть макет в котором верхнее меню ведет себя как надо при сужении окна браузера а текстовый блок уезжает за его границы,никак не могу найти ошибку в коде код html <div class="slide-title"> <div class="info"> <h1>our strong <br> organaisation</h1> <span>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod tempor incididunt ut labore et. ectetur adig ipis cing elit, sed do eiusmod tempor incididunt.</span> <button>Contact us</button> </div> код css .slide-title { display: block; position: relative; max-wid…

   Asked by Евгений_SB, July 22, 2017

   0 votes
   0 answers
8. Задать отступы между блоками <li>

   Здравствуйте. Подскажите как изменить расстояние между блоками ul.stroka li { display:inline-block; border: 1px solid #000; width:50px; height:50px; background: #00FF21; } В итоге я получаю расстояние по горизонтали между блоками 4px, а по вертикали 20px Как мне и по вертикали и по горизонтали установить отступ 10px https://jsfiddle.net/Ser8191/gs5fqxL5/5/

   Asked by Ser8191, July 20, 2017

   0 votes
   15 answers
9. Помогите корректно составить верстку

   Помогите корректно составить верстку. Есть готовый код ниже: <div class="wrapper"> <div class="header"> HEADER </div> <div class="content"> <button> START </button> </div> <div class="footer"> AUTHOR </div> </div> Нужно что бы у header класса была высота 30% окна браузера, у контента 60%, а у футера 10%. Кроме этого у них у всех должны быть вертикальные выравнивания. Почему-то ничего не получаеться. Не растягиваются блоки по высоте, растягиваются по контенту и в итоге не занимают все окно браузера! Если кто может написать корректный HTML/CSS код, напишите плиз! На крайняк можно использовать Bo…

   Asked by Анонимный, July 19, 2017

   • html
   • css
   • bootstrap
   0 votes
   2 answers
10. Иконка на одинаковом расстоянии от текста

    Как отобразить слово "Иконка" на одинаковом расстоянии от текста ? Там получается, что текст не вмещается в строку, переносится на другую строку, тег h5 растягивается в ширину(так как текст не влазит в строку), из за этого получается отступ большой от иконки... а надо что в любом случае было одинаковое расстояние... подскажите как это сделать? как можно это обойти... желательно, чтобы ширина div.g оставалось 26% Исходник: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> h5 { position: relative; display: inline-block; } span { posi…

    Asked by SnowSilver, July 19, 2017

    0 votes
    7 answers
11. Размер теста

    Почему при указании Font-size: 250px, текст занимает 289px. При верстке использую минифицированную версию Bootstrap 3. Текст отображается неправильно даже вне класса container .

    Asked by Brodyaga337, July 19, 2017

    • текст
    • разме
    • проблема
    0 votes
    6 answers
12. Проблемы с текстом

    Подскажите пожалуста как сделать как показано на картинке. Чтобы второй текст был рядом с первым

    Asked by Daniyar, July 19, 2017

    0 votes
    6 answers
13. Не работают табы

    Здравствуйте. Верстал макет, нужно было подключить табы(первый раз с ними работаю). Подключил, вроде все как надо сделал, ничего не произошло. Решил в отдельном файле проверить,в итоге все равно ничего, уже голова не варит, мб я что-то очевидное не вижу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <style> .wrapper .active { color: red; } .tab_item { display: none; } .tab_item:first-child { display: block; } </style> </head> <body> <div class="wr…

    Asked by WebNewbe, July 18, 2017

    • html
    • css
    • js
    0 votes
    2 answers
14. css присвоение объекту класса

    Здравствуйте. у меня есть два класса .text_color_blue{ color: #37c1d0; } .text_color_white{ color: #FFFFFF; } и есть такая структура <ul> <li><a>1</a></li> <li><a>2</a></li> </ul> как сделать так чтобы сначала <a> принимал класс text_color_blue а при наведении на него менялся на text_color_white знаю что по средством js я просто меняю у объекта класс но как можно обойтись css и присвоить <a> сначало один уже существующий класс а при hover заменить его спасибо всем

    Asked by bgraf, July 18, 2017

    0 votes
    2 answers
15. Уменьшение изображений для адаптивной верстки

    Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?

    Asked by Oleg90s, July 17, 2017

    0 votes
    14 answers
16. Верстка заголовков h1, где они в дизайне не нужны

    Привет! Как бы вы сверстали, если в дизайне страницы для больших экранов не предусмотрен заголовок h1? Скажем, состояние пункта меню бросается в глаза и явно дает понять, где находится пользователь. И дублирование смысла не добавляет. А на мобильной версии наоборот, заголовок нужен, поскольку меню схлопывается. Вот пример http://borodin-art.ru/painting . Заголовки стоят пока. Тег h1 на странице всё же иметь хотелось бы, но без трюков типа display. Чтобы поисковые системы не ругались. Как вообще поступают в таких случаях? Если пришел такой дизайн.

    Asked by Svetlana_P, July 16, 2017

    • заголовки
    0 votes
    2 answers
17. не работает тег Font

    Ребят помогите какой то косяк у меня не могу врубиться из записи font: 25px bold Tahoma sans-serif; работает только размер текста, а если писать развернуто все работает отлично,может я неправильно что то пишу,уже и на сам сайт htmlbook залазил курил мануал по font там такая запись допустима ;

    Asked by Евгений_SB, July 14, 2017

    0 votes
    2 answers
18. Не работает background-image

    Здраствуйте! Не работает background-image на теге header , а на body работает. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Docu</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header></header> </body> </html> header { background-image: url(scripi.jpg) ; } index.html style.css

    Asked by Daniyar, July 14, 2017

    0 votes
    6 answers
19. Фигурный блок

    Нужно изображению придать шестигранный вид с бордером по периметру

    Asked by siriuss, July 13, 2017

    0 votes
    1 answer
20. Установка jquery плагина

    Дорогие друзья! Мучаюсь 3й день с установкой плагина https://codyhouse.co/gem/icons-filling-effect/ при установке у меня пол сайта крашится и не могу найти проблему, кто поможет разобраться? готов оплатить потраченное время

    Asked by Aledor, July 12, 2017

    0 votes
    1 answer
21. Регулярные выражения для проверки телефона вводимого в форму

    Добрый день. Помогите решить вопрос. Как сделать проверку номера телефона в форме. Так что бы первыми символами были либо +7 либо 8. Т.е. что бы форма одинаково пропускала как +7-9хх-ххх-хх-хх так и 8-9хх-ххх-хх-хх. Пробовал запись типа <input type="tel" name="tel" pattern="[+78]-9[0-9]{2}-[0-9]{3}-[0-9]{2}-[0-9]{2}">, при такой записи пропускает запись +-9хх-ххх-хх-хх. А так быть не должно. В общем реально ли это сделать средствами регулярных выражений для форм или же только javascript?

    Asked by ootypooty, July 12, 2017

    0 votes
    3 answers
22. Прозрачный текст

    Все привет, есть такой простой пример https://jsfiddle.net/j807opr8/ , суть в том чтобы сделать текста блока "b" прозрачным, то есть что бы он стал цветом блока "a", то есть зеленым, можно сделать с помощью border-clip text, но кроссбраузерность хромает, да фон нужно задавать снова, может кто знает более стандартные приемы? заранее благодарен.

    Asked by imakhortykh, July 11, 2017

    0 votes
    4 answers
23. Галерея Simple lightbox на телефоне

    Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js

    Asked by Svetlana_P, July 11, 2017

    • js
    • галерея
    0 votes
    3 answers
24. Блоки наезжают друг на друга (FireFox)

    Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста

    Asked by fenix_63, July 11, 2017

    • кроссбраузерная верстка
    • firefox
    • верстка
    0 votes
    3 answers
25. Accordion не скрывает текст

    Добрый вечер уважаемые форумчане. Подскажите пожалуйста, где проблема? <div class="container"> <div class="row"> <div class="col-md-3"> <div id="accordion" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="#collapse-1" data-toggle="collapse">Открыть</a> </h4> </div> <div id="collapse-1" data-parent="#accordion" class="panel-collapse collapse"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </…

    Asked by Hazzed, July 9, 2017

    • accordion
    0 votes
    3 answers