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. Как сделать псевдо 3д эффект? Изображения объекта в разных ракурсах.

    Здравствуйте, делаю сайт, хочу сделать чтобы в центре экрана появлялся объект, и когда крутишь ниже этот объект крутился вокруг оси. То есть достигался бы псевдо 3д эффект, а по суди это много кортинг этого объекта в разных ракурсах которые меняются в зависимости от позиции скролла. Подскажите как правильно сделать? Сделать див с position: absolute и на js в зависимости от позиции скролла менять фото? Может есть готовые примеры? Не могу найти сайты на подобие, помню давно видел сайт, где машина так ехала по всему сайту. Буду благодарен за примеры сайтов.

    Asked by FRANZEE,

    0 votes
    1 answer

  2. Не работает input radio

    Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL) Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/ все работает. На локальном и хостинге нет. Ссылка на сайт http://garmoni.inf.ua/Brandly/ в самом низу

    Asked by garmoni,

    0 votes
    4 answers

  3. помогите с CSS

    https://jsfiddle.net/sipsap/Lj2qdndw/ Вопрос: 1. Как сделать что бы значки доллара были такого же размера но при этом не менялся цвет. 2. Текст в первых блоках (с услугами) должны быть align:left; но я не могу поставить спан. (пример)

    Asked by hover,

    0 votes
    6 answers

  4. pasteHTML между элементами

    Хочется вставить код между элементами. Не могу понять как расположить TextRange именно между элементами. Например было: <span id='Ref1'></span>нынешний код или пусто<span id='Ref2'></span> стало: <span id='Ref1'></span>мой новый код или стираю старый<span id='Ref2'></span>

    Asked by serzh82saratov,

    0 votes
    6 answers

  5. помогите с :hover

    https://jsfiddle.net/sipsap/w547anoh/ Вопрос: 1. Как сделать так что бы текст менял свой цвет вместе с hover'ом заднего фона, а не нужно было наводить на него отдельно? 2. Не как не могу понять как мне задействовать в активном блоке верхнюю картинку? (мне данны две картинки на одной области. Снизу, бела сверху черная) Пример:

    Asked by hover,

    0 votes
    3 answers

  6. Не могу обрезать повёрнутый блок

    Есть таблица с данными по диагонали, я её вставил в блок .povorot{ -moz-transform: rotate(45deg); } данные стали вертикально, но от блока остались углы., левый и верхний угол обрезать получается сдвинув их за экран .obrezka{ background-color:red; margin-left: -1095px; /*1354*/ margin-top: -330px; } но вот с правым ничего сделать не могу. Пробовал задавать ширину блоков и body, ничего не даёт, повёрнутый блок на них не реагирует. Нужно отпилить теперь уже правый угол чтоб убрать горизонтальною прокрутку, что была чистая страница пригодная для печати. Думал о фрейме, но вроде как его нельзя распечатать. Может есть какието решения? …

    Asked by 74LS00,

    0 votes
    1 answer

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

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

    Asked by Super_Saimon,

    0 votes
    10 answers

  8. Помогите с одной функцией

    При нажатии на определенную ссылку на первом листе переходит на второй где есть несколько блоков вниз. Как сделать так чтобы при нажатии на эту ссылку переходило не только на этот второй лист но и опускался к определенному блоку вниз Заранее спасибо!

    Asked by Aragonix,

    0 votes
    3 answers

  9. Как отобразить background-image за пределами блока

    Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??

    Asked by Алексей2802,

    0 votes
    12 answers

  10. Меню вылазит за вьюпорт ..

    На этой странице (Ссылка), в мобильной версии, из-за навигации появляется скролл .. В чем причина? Большое спасибо! Проблема решена, можно удалять.

    Asked by Hasiev,

    0 votes
    0 answers

  11. Отступы в макете и на сайте

    Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.

    Asked by Firin,

    0 votes
    7 answers

  12. Плавное sticky menu

    Ребят помогите пожалуйста, есть вот такое sticky menu, нужно сделать его как-то чтобы оно более плавно прилипало при скролле хотя бы как тут без рывков http://hashiva.s215.upress.link/. Уже и с transition игрался, и анимации придумывал разные, никак не получается решить.

    Asked by brezze,

    0 votes
    3 answers

  13. Создание карусели

    Здравствуйте, коллеги! Подскажите пожалуйста как лучше реализовать карусель в данном макете. Я имею ввиду, какой самый оптимальный вариант, чистый css, jquery, js, bootstrap? Макет прилагаю. Спасибо!

    Asked by zhuravelda,

    0 votes
    5 answers

  14. специальные комментарии в html

    в исходном коде HTML сайта "игромания" увидел много вот таких комментариев <!-- LRS 28.11.2017 14:45:12 -->, что это и для чего, в инете ответ не нашел, буду благодарен за пояснения!!!

    Asked by wegas,

    0 votes
    1 answer

  15. HTML CSS media запросы

    Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…

    Asked by korozyan,

    0 votes
    12 answers

  16. Выравнивание элементов в таблице

    Доброго времени суток уважаемые форумчане. В таблице, при адаптации для маленьких разрешений не знаю как выровнять текст. Разница в 1 символ, но визуально они стоят криво, хотелось бы их расположить один над одним. Прошу подсказать. Заранее благодарен. код

    Asked by Igorewa,

    0 votes
    9 answers

  17. Как расположить элементы на странице таким образом?

    Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…

    Asked by marchenkovby,

    0 votes
    7 answers

  18. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont,

    0 votes
    17 answers

  19. Content model:

    Объясните пожалуйста человеческим языком описание контент модели тега <a> 3.2.4.2 Transparent content models Some elements are described as transparent; they have "transparent" in the description of their content model. The content model of a transparent element is derived from the content model of its parent element: the elements required in the part of the content model that is "transparent" are the same elements as required in the part of the content model of the parent of the transparent element in which the transparent element finds itself.

    Asked by AlexZaw,

    0 votes
    2 answers

  20. Поздно срабатывает onscroll в IE

    Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно. Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения? https://jsfiddle.net/0b9dye0j/

    Asked by serzh82saratov,

    0 votes
    0 answers

  21. Элемент уходит влево после работы скрипта

    3 кнопки, 3 таблицы, после нажатия на кнопку отображается определенная таблица. После нажатия на кнопку таблица всегда уезжает влево, несмотря на тег <center> и атрибут align="center" rabbits.html

    Asked by znukut,

    0 votes
    2 answers

  22. Параллельный сдвиг строк в двух <div>

    Всем привет! Прошу помощи! Каким способом оптимально выполнить параллельный сдвиг строк в двух тегах <div> (для удобства чтения стихов с переводом) при изменении ширины страницы? В приложении прикрепил правильный и неправильный вариант Правильный вариант расположен тут - https://www.musixmatch.com/lyrics/Oxxxymiron/Где-нас-нет/translation/english Там все обернуто в какую-то неимоверную кучу стилей. Есть ли еще какие-то способы выровнять строки по уровню внутри двух <div>? Спасибо!!!

    Asked by Svoi,

    0 votes
    1 answer

  23. Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?

    Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

    Asked by VeraVostro,

    0 votes
    11 answers

  24. Векторый фон для текста, реально?

    Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.

    Asked by native_today,

    0 votes
    4 answers

  25. Специфические шрифты в psd макете

    Всем привет. Возникла такая проблема. Теорию html и css я прочитал и решил попрактиковаться. Скачал несколько макетов и тут появилась проблема со шрифтами. В Photoshop я пока плохо разбираюсь, но чувствую нужно будет подучить теорию с ним. Я разобрался, что если в системе нет нужного шрифта, то его легко можно скачать и установить. Но в паре макетов, которые я очень хочу сверстать, шрифты платные. То есть как я понял, единственный вариант - заменить их уже встроенными в Windows. Но при это возникает проблема с размером и полнотой шрифта. Если с полнотой ещё понятно, то проблема с размером более объёмная. Заменяю я шрифт, он становится или Arial, или вообще …

    Asked by Arxont,

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