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. Количество колонок таблицы зависящее от ширины окна браузера.

    Встала задача сверстать страницу где должна быть таблица. В таблице нужно сделать ячейки определенной ширины. Как лучше делать? Или таблицу создавать при помощи JavaScript? Или как то передавать данные о ширине окна на сервер где будет происходить соответствующая обработка в php файле? Отказаться от таблицы врядли получится. Хотя. Таблица будет выводить некоторое к-во товаров в интернет магазине. Может сделать на div-ах. Используа css свойство float...

    Asked by BirviZ,

    0 votes
    3 answers

  2. Непонятный косяк с сайтом

    Помогите пожалуйста разобраться в чём косяк. Почему в самом низу, фон немного ниже футера. Посмотреть в живую можно тут - ****

    Asked by livelyn,

    0 votes
    3 answers

  3. Большой обтекаемый блок на bootstrap

    Доброго времени суток! Подскажите как можно сверстать такое отображение блоков? Пробовал через свойства float, но ничего не вышло. Максимум что получается это один маленький блок слева, большой по центру и 2 справа + ниже 5 блоков.

    Asked by booster,

    0 votes
    3 answers

  4. Откалибровать содержимое дива

    Всем привет ) Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается... Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся( Самое удивительное, что код абсолютно одинаков) <!DOCTYPE html><html> <head> <title>Project Name</title> <meta charset="utf-8" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <d…

    Asked by Paris,

    0 votes
    3 answers

  5. Меню

    Приветствую, объясните салаге, по какой структуре сделано это меню: Демо - worldoftanks.ru (Не реклама)

    Asked by Vans,

    0 votes
    3 answers

  6. Треугольник css

    Доброго вечера! Возникла проблема с, на первый взгляд, простой задачей. Невозможно нарисовать аналогичный треугольник (Я рисую бордерами через псевдоэлемент before но выходит все не то. Подскажите, пожалуйста) Заранее спасибо. http://clip2net.com/s/3jh24n1

    Asked by Orysya,

    0 votes
    3 answers

  7. Друзья, помогите разобраться с видео и фоном

    Друзья, хочу понять как вставить видео с таким фоновым эффектом типа сетки, как тут: http://yes-marketing.ru/и тут http://ir.magnit.com/

    Asked by murat,

    0 votes
    3 answers

  8. Как правильно применить стиль к li class X ul class Y?

    Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…

    Asked by nikki4,

    0 votes
    3 answers

  9. inline-block гуляют по вертикали

    http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?

    Asked by Veseloff,

    0 votes
    3 answers

  10. Вопрос о разметке от новичка

    Добрый день. Являюсь очень сырым в вопросе верстки. На данном этапе постигаю разметку страницу. Много теории, все интересно, но когда дело доходит до практики - "залипаешь". Появился такой вот вопрос. Часто вижу подобную структуру на сайте: (прошу прощения за кривоту, быстро набросал в Пейнте) Это картинка отображает часть контента страницы. Т.е. имеются 4 блока с какой-то информацией. Как правильно разметить часть этой страницы? У меня получается слишком большая вложенность. Приведу пример. <div class="main"> <!-- блок со всем контентом --> <div class="container"> <!-- центровщик --> <div class="content-block"> <!-- блок, в котор…

    Asked by BehemothOz,

    0 votes
    3 answers

  11. bootstrap 3, картинко на картинке

    бутстрап нужно на большую картинку наложить маленькую (правый нижний угол), точно по этому углу чтоб все было адаптивненько сохранялись пропорции и положения картинок юзаю вложенные сетки: <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="img/preview/1.jpg"> <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> --> <div class="row"> <!-- <div class="col-md-11"></div> --> <div clas…

    Asked by torsar,

    0 votes
    3 answers

  12. подскажите слайдер

    http://joxi.ru/nAy8GVkhDKZa2Z

    Asked by raptor-dm,

    0 votes
    3 answers

  13. На планшете съезжает верстка на доли секунды

    Господа, есть элементарный сайт визитка, насколько это возможно, на пк все вроде неплохо, без глюков, сделан по принципу mobile first, но на планшете, если нажимать на пункты меню, буквально долисекунды я вижу, как верстка съезжает, это очень напрягает, делал я его флексбоксами, может кто подскажет, что и где и сделал неправильно? Сайт пока находится по адресу anvyd.ru

    Asked by anvyd,

    0 votes
    3 answers

  14. full screen

    Вот простой пример. Но, почему-то, не работает при переходе в полноэкранный режим по f11.тестировал в хроме и мозиле. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> p:-webkit-full-screen { font-size: 40px; background: red; } p:-moz-full-screen { font-size: 40px; background: red; } p:-ms-full-screen { font-size: 40px; background: red; } p:-o-full-screen { font-size: 40px; background: red; } p:full-screen { font-size: 40px; background: red; } </style> </head> <body> <p id="fullscreen" class="tes…

    Asked by mrkid,

    0 votes
    3 answers

  15. Аккордеон на всю ширину экрана, не родителя

    Здравствуйте. Я сошла с ума, или как решить проблему. На сайте есть блоки Ступени ГТО. При нажатии на "10 видов испытаний" появляется аккордеон. Он занимает всю ширину родителя и сдвигает нижний блок. Подскажите, как сделать его на всю ширину области сайта, не родителя и чтоб он сдвигал весь ряд. Сейчас стоит абсолютное позиционирование.

    Asked by kattiperk,

    0 votes
    3 answers

  16. как это сделать

    http://joxi.ru/bmoV1pLIL5Y7ry селект выпадающий, но в нем может быть сколько угодна option проблема в том, что это карусель и соответственно у обертки стоит overflow: hidden; как можно это обойти?

    Asked by raptor-dm,

    0 votes
    3 answers

  17. Адаптивная верстка

    Здравствуйте, я бы хотел кое-что для себя прояснить. Веб начал осваивать можно сказать на днях, и наткнулся в интернете на такое понятие как адаптивная верстка. Вот меня мучает такой вопрос - нужна ли сейчас кому-либо фиксированная верстка или же сейчас все требуют адаптивную. То есть нужно ли мне практиковаться в фиксированной верстке, либо начать осваивать адаптивную? Кто регулярно верстает макеты просьба поделиться информацией, и подсказать какие-нибудь хорошие источники по данной теме. Спасибо всем за внимание.

    Asked by myels,

    0 votes
    3 answers

  18. непонятно почему невидимы ссылки

    Всем привет, Нужно перенести часть html-кода из одной страницы в другую. Но обнаружил, что ссылки под блоком "Popular Cities:" не тотображаюся в браузере http://s017.radikal.ru/i412/1507/2c/5926b556089d.png При этом firebug отображает эти ссылки светло-серым как недостувпные/невидимые. Не пойму, почему ссылки не видимы? У них нет тегов "invisible","diabled", "display:none". Я поубирал все классы и все id, чтобы исключить ссылки на файлы стилей...

    Asked by mstdmstd,

    0 votes
    3 answers

  19. Не работает буква "б" в хроме при вводе тегов с фронта

    Здравствуйте. Возникла интересная проблема. В хроме при вводе тегов на странице не вводится буква "б". Ведёт себя как enter. http://joxi.ru/L21jZw0Sk6dOAX Везде всё хорошо. Буду рада, если кто-то подскажет

    Asked by kattiperk,

    0 votes
    3 answers

  20. Cглаживание градиента и трансформа в хроме

    Что-то в последнее время сталкиваюсь со странными поведением Хрома в части сглаживания графики. Например вот: http://jsfiddle.net/og3mpxms/2/ Результат вот http://joxi.ru/D2PjL0XsNBM0r3 В Хороме - зубчатая пиксельная пилка, в ФФ и ИЕ(!) - все отлично. Тоже самое наблюдается и при трансформации, например - квадрата в ромб. Что за беда, кто сталкивался? Как лечить?

    Asked by MaxWall,

    0 votes
    3 answers

  21. Многоуровневый accordion

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

    Asked by kattiperk,

    0 votes
    3 answers

  22. html-теги

    ещё не верстал ничего,пока учусь только,Хотел узнать,нужно ли использовать теги для разметки <caption> <article><footer> и т.д.,или всё делать divaми и задавать классы?

    Asked by Andrue-Selen,

    0 votes
    3 answers

  23. Не работает скрипт.Почему?

    Не работает скрипт.Почему? $dir = "c:\2"; // Открыть известный каталог и начать считывать его содержимое if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { echo "файл: $file : тип: " . filetype($dir . $file) . "\n"; } closedir($dh); } }

    Asked by aleks100,

    0 votes
    3 answers

  24. SweetAlert размеры для телефонов

    Добрый вечер! Решил стандартный alert заменить на Sweet Alert. Работает все нормально, на компьютерах все смотрится хорошо, но почему-то на телефонах окно обрезается, пытался подправить css, добавить горизонтальную полосу прокрутки, но ничего не получается. Прилагаю 2 изображения: как смотрится на телефоне (обрезанное окно) и как выглядит на компьютере. Что нужно изменить в данном css файле? body.stop-scrolling { height: 100%; overflow: hidden; }.sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bot…

    Asked by Forsait,

    0 votes
    3 answers

  25. Помогите разобраться с @media screen

    Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…

    Asked by Alfa2015,

    0 votes
    3 answers

  • Обсуждения

    • 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