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

29,542 questions in this forum

  1. Ругается валидатор

    Ребят почему валидатор HTML ругается на строку <html lang="en"> всего 1 ошибка никак не пойму почему все же правильно,пробовал менять на ru тоже самое вот что пишет хотя вложенность тегов правильная

    Asked by Евгений_SB,

    0 votes
    2 answers

  2. Как изменить стиль соседним элементам?

    Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.

    Asked by nikki4,

    0 votes
    1 answer

  3. Свойство 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,

    0 votes
    8 answers

  4. Горизонтальный скролл

    При построении сетки на flex-box, появляется горизонтальный скролл, как решить эту проблему? Я так понимаю что из-за отрицательного правого маргина у row, но как тогда мне обнулять отступы слева у первого элемента, и справа у последнего? Без nth-child не обойтись? Спасибо! https://jsfiddle.net/qLz87c4r/ https://codepen.io/anon/pen/JydmbY

    Asked by Hasiev,

    0 votes
    2 answers

  5. позиционирование элементов

    ребят помогите пожалуйста ни как не пойму почему блок с тектом на (2 картинке ) налазит на блоки хотя при нормальном размере браузера все норм вот код HTML <div class="team-info-fon"> <div class="team-info"> <div class="team-info-1"> <h1>Meet our team</h1> <p>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed dooing eiusmod tempor incididut labore Ui / Ux , print template.</p> <div class="line2"></div> </div> <div class="team-info-2"> <img src="#" alt=""> <h2>mark waugh</h2> <p>Lorem ipsum dolor …

    Asked by Евгений_SB,

    0 votes
    2 answers

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

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

    Asked by melissia,

    0 votes
    6 answers

  7. Не работает position:relative на tbody, tr, td

    https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???

    Asked by Daniil Khanin,

    0 votes
    9 answers

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

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

    Asked by Brodyaga337,

    0 votes
    8 answers

  9. Проблема с высотой сайта

    Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer. https://jsfiddle.net/ofvdp3q3/1/

    Asked by Kenshi24,

    0 votes
    3 answers

  10. Браузер воспринимает html код как текст

    Есть такой код: <div onclick="this.replaceWith('<iframe src=\'https://www.facebook.com/plugins/video.php?autoplay=1&href=https%3A%2F%2Fwww.facebook.com%2Fsmotriwow%2Fvideos%2Fvb.378858835552346%2F834370963334462%2F%3Ftype%3D3&show_text=0&width=715&height=400\' width=\'715\' height=\'400\' style=\'border:none;overflow:hidden\' scrolling=\'no\' frameborder=\'0\' allowTransparency=\'true\' allowFullScreen=\'true\'></iframe>');"><img alt="Десерт" src="http://ktonanovenkogo.ru//wp-content/uploads/video/image/10.jpg" width="100%"></div> Но почему то он при клике заменяет картинку на код фрейма. В оригинале кода где я его бр…

    Asked by slapit,

    0 votes
    1 answer

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

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

    Asked by Daniyar,

    0 votes
    6 answers

  12. Медиа запросы, 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

  13. Обучение JS

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

    Asked by Crushing,

    0 votes
    2 answers

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

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

    Asked by Oleg90s,

    0 votes
    14 answers

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

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

    Asked by Hasiev,

    0 votes
    2 answers

  16. Реализация баттона с чекбоксом в Bootstrap 4

    Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !i…

    Asked by mstdmstd,

    0 votes
    10 answers

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

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

    Asked by Crushing,

    0 votes
    3 answers

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

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

    Asked by melissia,

    0 votes
    3 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. Помогите корректно составить верстку

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

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

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

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

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

    Asked by Brodyaga337,

    0 votes
    6 answers

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

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

  24. 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

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

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

    Asked by siriuss,

    0 votes
    1 answer

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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