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. Проблема со шрифтами

    Добрый день! Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый. Привожу 2 скриншота: 1. Как выглядит шрифт на google fonts 2. Так выглядит у меня Почему так получается? Все эти манипуляции я провожу в браузере Firefox.

    Asked by xek,

    0 votes
    10 answers

  2. Реализация баттона с чекбоксом в 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

  3. Обрезка изображения линиями

    Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …

    Asked by Katerina23,

    0 votes
    10 answers

  4. Сложная таблица

    В макете попалась сложная секция, с которой мучаюсь 2 день, не могу сам справится. .. Подразумеваю что это таблица. Вот так выглядит на мобильниках (слайдер): Скрытый текст Вот так на десктопах: Скрытый текст Как ее перестраивать? Как верстать, сначала на блоках, потом на css таблицах? То что я пытался сделать, выходит очень мудрено ..

    Asked by Hasiev,

    0 votes
    10 answers

  5. Как масштабировать сайт, если масштабирование в ОС отключено?

    Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено. Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

    Asked by VasyOK{!},

    0 votes
    10 answers

  6. Баг в хром 61 версии. Inline-block

    При дефолтном шрифте в 16 px, между блоками inline-block 4px отступа. Имеем такую верстку: Результат в хром версии 61: Отступа между псевдоэлементов before - inline-block который у нас в ширину в 1px и и первым блоком нету, но отступ должен быть! но если в хроме, в панели разработчиков, в DOM, у псевдоэлемента before выключить display: inline-block и включить, то станет нормально отображаться, попробуйте) пример: а вдругих браузерах сразу корректно отобразится что думаете на сей счет ? такой косяк с отступом проявляется только с псевдоэлементом inline-block и только в хром с большущим подозрением…

    Asked by SnowSilver,

    0 votes
    10 answers

  7. Работа с приложение "Pixel Perfect"

    Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...

    Asked by Super_Saimon,

    0 votes
    10 answers

  8. Я криворукий или матрикс?

    Делаю так: Загрузил видео на ютуб, всё прошло успешно, на ютуб всё проигрывается нормально. Хочу чтобы на моей странички воспроизводилось видео при запуски.

    Asked by Нуб,

    0 votes
    10 answers

  9. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64,

    0 votes
    10 answers

  10. особый вид элемента на Flexbox

    zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался

    Asked by d0ublezer0,

    0 votes
    10 answers

  11. Карусель с навигацией в 2 ряда

    Всем привет! Есть задачка - сделать карусель, в котором навигация в 2 ряда http://prntscr.com/pb6dlu Обычно пользуюсь плагином slick. Есть у него в настройках slidesPerRow и rows, с помощью которых можно выстроить визуально в 2 ряда, но увы, навигация работает некорректно. Буду благодарна советам, как такое можно реализовать. Slick не обязателен, может есть другой хороший плагин.

    Asked by Crystal-3,

    0 votes
    10 answers

  12. Добавление float делает нерабочим margin.

    Здравствуйте! У меня 2 div блока, идущие друг за другом. Добавление float для любого из слоев, и неважно с каким значением, делает нерабочим margin. Один из объектов словно прилипает к верхней части страницы. Если float убрать, то слои можно свободно двигать. Как избавится от данного эффекта? И с чем это может быть связанно? Заранее спасибо.

    Asked by ratus,

    0 votes
    10 answers

  13. HREF - подсветка

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

    Asked by energy!,

    0 votes
    9 answers

  14. верстка таблица отступы

    Салемствую Хотел сделать таблицу должна выгледить вот так. http://slil.ru/24502174 А у меня , что то вообше не полуаеться вставляю верхние рис. Устанавливаю минус маргину и на ИЕ вообше рис пропадают на ФФ они вроде как стаят , но после обновления страницы они как и в ИЕ исчезают. Нижние рамки не могу не как сделать. И еще мне кажется что я ее через чурь намудрил например знаю что можно сделать без минусовоого маргина , но не знаю как без него , кто сможет показать как сделать ее более удобной ? Выслушаю все предложения... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title…

    Asked by musulman,

    0 votes
    9 answers

  15. SCROLLBAR - прокрутка

    Как в форме убрать горизонтальную прокрутку? Заранее благодарен!

    Asked by iipo,

    0 votes
    9 answers

  16. layer-up - всплывающие слои

    Опишите пожалуйста технологию всплывающих окон. От кода создания их в основном окне и всевозможные пораметры: размеры, строки состояния, и весь вид целиком! Заранее спасибо! Такой креатив не пропад?т даром точно! Ваш Michigan

    Asked by Michigan,

    0 votes
    9 answers

  17. Тень от текста в html

    Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.

    Asked by santechnik,

    0 votes
    9 answers

  18. Кто-нибудь знает как побороть svg?

    Сложность в том, что имеется svg объект, убрала из его кода ширину и высоту, теперь нужно расчитать правильно высоту и ширину в em-ах, дабы все это выглядело красиво. В css описываю параметры соответствующие, но выходит, что с некоторых сторон появляется рамка. Кто-нибудь может мне сказать как пиксели перевести в em???? (или это вообще фигня какая-то...В общем помогите, как быть не знаю!)

    Asked by Nomo,

    0 votes
    9 answers

  19. Как растянуть страницу?

    Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

    Asked by vl@dvk,

    0 votes
    9 answers

  20. Кнопка Сделать Стартовой

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

    Asked by Victor Ananiev,

    0 votes
    9 answers

  21. ссылки в Opera

    Имеется следующий код: #content #transport { background: #C5C5C5; font-size: smaller; padding: 5px 0 7px 167px; list-style-type: none; margin-right: 50px; } #content #transport li { display: inline; margin-right: 1em; } #content #transport li a { color: #484848; position: relative; } <ul id="transport"> <li><a href="./index.php?id=23">Грузового и спец. автотранспорта</a></li> <li><a href="./index.php?id=24">Автобусов</a></li> <li><a href="./index.php?id=25">Легкового автотранспорта</a></li> <li><a href="./index.php?id=26">Пассажиров</a></li> </ul>…

    Asked by rash,

    0 votes
    9 answers

  22. отрицательный z-index в Firefox или как засунуть картинку под текст?

    Позарез понадобилось вставить на страницу картинку, по ширине превышающую предусмотренный для контента блок. Единственный пришедший в голову вариант - поставить ей position:absolute и положить отдельным слоем, но вот незадача - зараза перекрывает часть ссылок по бокам блока (цветными пикселами картинка на ссылки не залезает, но перекрывает их своей прозрачной частью). Проблема решается установкой отрицательного z-index (ссылки и весь текст оказывается наверху), но тогда картинку не желает показывать любимый файрфокс. Посоветуйте, как быть?... свои идеи пока кончились

    Asked by enkryptor,

    0 votes
    9 answers

  23. Хранение шаблонов

    Только что установил смарти и в книжки было написанно что все шаблоны нужно хранить в папке templates.А нельзя ли их хранить в другом месте например там же где и сам пхп фаил?

    Asked by aleksejm,

    0 votes
    9 answers

  24. Изменение внешнего вида ссылок

    Подскажите пожалуйста как сделать так чтоб ссылка при наведении на нее менялась не тока цветом но и появлялись во ее краям квадратные скобки!

    Asked by Ddroid,

    0 votes
    9 answers

  25. IE6 как обычно портит всю картину! Изменение высоты ячеек по вертикали

    Доброго времени суток! Уже руки опускаются, не знаю что придумать. В общем дизайн сайта корректно отображается в Opera и FF, но в IE как обычно что-то отображается криво. Ссылка удалена автором темы! В нижней части рамки для ссылок, IE растягивает по вертикали одну строку ячеек (хотя задана точная высота первой ячейки) и происходит дублирование фонового изображения. Мне-то все-равно, т.к. материал на сайте будет предназначен в основном для Линуксойдов, но все-равно неприятно... Я конечно могу и отключить при помощи CSS дублирование фона конкретных ячеек, но хотелось бы узнать - может быть есть способ, с которым IE станет отображать разбивку страницы сайта нормально? Прост…

    Asked by Boron,

    0 votes
    9 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