Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. 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,

    0 votes
    3 answers

  2. Галерея Simple lightbox на телефоне

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

    Asked by Svetlana_P,

    0 votes
    3 answers

  3. Прозрачный текст

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

    Asked by imakhortykh,

    0 votes
    4 answers

  4. Установка jquery плагина

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

    Asked by Aledor,

    0 votes
    1 answer

  5. Регулярные выражения для проверки телефона вводимого в форму

    Добрый день. Помогите решить вопрос. Как сделать проверку номера телефона в форме. Так что бы первыми символами были либо +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,

    0 votes
    3 answers

  6. Фигурный блок

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

    Asked by siriuss,

    0 votes
    1 answer

  7. Не работает 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,

    0 votes
    6 answers

  8. Не работают табы

    Здравствуйте. Верстал макет, нужно было подключить табы(первый раз с ними работаю). Подключил, вроде все как надо сделал, ничего не произошло. Решил в отдельном файле проверить,в итоге все равно ничего, уже голова не варит, мб я что-то очевидное не вижу? <!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,

    0 votes
    2 answers

  9. не работает тег Font

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

    Asked by Евгений_SB,

    0 votes
    2 answers

  10. Уменьшение изображений для адаптивной верстки

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

    Asked by Oleg90s,

    0 votes
    14 answers

  11. Проблемы с текстом

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

    Asked by Daniyar,

    0 votes
    6 answers

  12. Верстка заголовков h1, где они в дизайне не нужны

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

    Asked by Svetlana_P,

    0 votes
    2 answers

  13. 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,

    0 votes
    2 answers

  14. Не выставляется ширина меню

    Как можно растянуть 2ое меню на всю ширину экрана? Сколько пробовал, не выходит. И почему padding-top или margin-top у li или a (2го меню) не выставляется, он заходит за границы 1го меню и ничего не происходит. Может там какой нибудь блок поставить, между ними? Прилагаю фото, что должно получится на выходе, код и ссылку на песочницу(но в песочнице не особо понятно, что происходит). Песочница: https://jsfiddle.net/w4o57kmp/ Фото: https://ibb.co/igORZv Код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Интернет Магазин</title> <link rel="stylesheet" href="css/main.css"> </h…

    Asked by rinatoff,

    0 votes
    2 answers

  15. Размер теста

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

    Asked by Brodyaga337,

    0 votes
    6 answers

  16. Иконка на одинаковом расстоянии от текста

    Как отобразить слово "Иконка" на одинаковом расстоянии от текста ? Там получается, что текст не вмещается в строку, переносится на другую строку, тег 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,

    0 votes
    7 answers

  17. Помогите корректно составить верстку

    Помогите корректно составить верстку. Есть готовый код ниже: <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 Анонимный,

    0 votes
    2 answers

  18. Задать отступы между блоками <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,

    0 votes
    15 answers

  19. Маштабирование макета

    Ребят помогите разобраться, не пойму где ошибка,есть макет в котором верхнее меню ведет себя как надо при сужении окна браузера а текстовый блок уезжает за его границы,никак не могу найти ошибку в коде код 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,

    0 votes
    0 answers

  20. Векторная графика

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

    Asked by melissia,

    0 votes
    3 answers

  21. Обучение верстки

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

    Asked by melissia,

    0 votes
    6 answers

  22. Можно ли уже выходить на работу фрилансером?

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

    Asked by Crushing,

    0 votes
    3 answers

  23. bootstrap, выход за предел container

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

    Asked by Brodyaga337,

    0 votes
    8 answers

  24. Медиа запросы, Safari и масштабирование. Что-то не так делаю.

    Приветствую специалистов по кросбраузерной верстке! Вот сайт http://durmitorsport.com/. [Основная] Проблема с фонами. В стилях прописано (мной): #header { background-image: url("../images/fons/1_main.jpg"); background-size: 100% auto; } @media only screen and (max-width:1366px){ #header { background-size: auto 100%; } } Проблема: в разрешении 1366px по горизонтали, если уменьшить масштаб в браузере, то должно отображаться, как будто разрешение больше оного. Вот в Safari это не работает. И как не масштабируй, @media only screen and (max-width:1366px) - все равно обрабатывается. Почему? Помогите разобраться. Скриншоты. …

    Asked by VasyOK{!},

    0 votes
    6 answers

  25. Наклонные секции

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

    Asked by Hasiev,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept