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. Страница слистывается влево на смартфоне. Что не так?

    Здравствуйте. Все мы знаем, что на смартфоне сайт листается свайпом (пальцем водим). Недавно сверстал страницу, которую если потянуть влево или вправо, то с другой стороны в мобильном браузере появляется пустое место, но если отпустить экран, то область сайта возвращается назад. Я думал, что это нормальное поведение любой верстки, но оказалось, что есть сайты, на которых не слистывается в стороны, например https://m.rozetka.com.ua/ Подскажите плиз, какое CSS-свойство за это отвечает? У меня просто нет смартфона, соответственно не могу сравнить свою страницу с сайтом https://m.rozetka.com.ua/ P.S. Думаю, что нет смысла показывать свою страницу, потому что и так понят…

    Asked by sc_creator,

    0 votes
    9 answers

  2. Не подлючается шрифт Dymaxion Script

    Почему браузер не отображает шрифт 'Dymaxion Script' ? Скачивал несколько, но безуспешно @font-face { font-family: 'Dymaxion Script'; src: url('../fonts/DymaxionScript.ttf'); } div { font-family: 'Dymaxion Script'; font-size: 50px; } DymaxionScript.ttf

    Asked by SnowSilver,

    0 votes
    9 answers

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

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

    Asked by Igorewa,

    0 votes
    9 answers

  4. Вопрос

    Почему так долго грузится картинка со статуями ? почему такое большое расстояние сверху от картинки http://slavian.coolpage.biz/site1/

    Asked by rpmcmerphy,

    0 votes
    9 answers

  5. Центрирование блоков в блоке

    Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…

    Asked by Еврейская Мышь,

    0 votes
    9 answers

  6. Проблемы с позиционированием текста

    Добрый день. Нуждаюсь в помощи/совете! В корне сайта (html) создал блок с позиционированием, написал в нем номер телефона и почту. На большом мониторе блок отображается нормально, а вот если зайти через смартфон то данный блок налазит на картинку и я никак не могу это изменить..., игрался с позиционированием (absolute, fixed, relativ и т.д.) но получаю на выходе либо прикрепленный блок к верхнему левому краю либо он налазит на картинку. Подскажите, что я делаю не так? Сам сайт: http://2metra.com/ Вот код который я прописал: Скрытый текст <style> .telefon { width: auto; height: auto; position: absolute; top: 75px; right: 200…

    Asked by gumuch,

    0 votes
    9 answers

  7. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst,

    0 votes
    9 answers

  8. Как сверстать? Помогите новичку!

    Как сверстать данную область? А именно линии

    Asked by dieie,

    0 votes
    9 answers

  9. Что значит вверстка под pixelperfect ?

    Я понимаю в общем чтобы макет соответствовал дизайну но все равно объясните пожалуйста что именно и конкретно что требуют заказчики и работодатели ?

    Asked by Alexej,

    0 votes
    9 answers

  10. Скролл для меню в плавающем блоке

    Здравствуйте. На сайте есть шапка с position: fixed, в которой есть выпадающее меню position: absolute. В этом меню может быть очень много пунктов, из-за этого на мобильных устройствах они выходят за край экрана. Прокрутка не помогает, так как шапка зафиксирована вверху сайта и все это остается на месте. Мое решение - добавить скролл для меню. Но как это сделать, если оно имеет динамическую высоту? jsfiddle

    Asked by alex_web64,

    0 votes
    9 answers

  11. div блок съезжает при уменьшении окна

    div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю HTML Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"> <title>Вход</title> </head> <body bgcolor="#34495e"> <form class="box" action="index.html" method="post"> <h1>Вход</h1> <input type="text" name="" placeholder="Имя п…

    Asked by Fani,

    0 votes
    9 answers

  12. Как сделать маркер списка над текстом по середине???

    как сделать???

    Asked by Marchysh,

    0 votes
    9 answers

  13. Как сверстать такоя?

    Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js

    Asked by torsar,

    0 votes
    9 answers

  14. Где обстоятельно почитать про BEM?

    Где обстоятельно почитать про BEM?

    Asked by torsar,

    0 votes
    9 answers

  15. растянуть блок до самого низа

    Нужно растянуть левый блок до самого низа, весь форум перерыл - работающего ответа не нашел. Помогите пожалуйста, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>сайт</title> <!--<link rel="stylesheet" type="text/css" media="all" href="base.css">--> <style> *{margin:0;padding:0} html { height: 100%; } body { font-family:Verdana, Helvetica, sans-serif; font-size:12px; position: rela…

    Asked by JIEXA,

    0 votes
    8 answers

  16. 3 колонки

    Необходимо при размере окна браузера менее 1280px, чтобы красная колонка (см. иллюстрацию) находилась рядом с контентом. А при увеличении окна браузера (более 1280px) ? красная колонка должна "подниматься" к header'у, как на рисунке. Желательно обойтись одними div'ами. (html+css) Сделавшему, перечислю 10 wmz.

    Asked by Sienens,

    0 votes
    8 answers

  17. наложение слоев

    Народ не могу решить одну проблему, а очень надо. Недавно решил верстать слоями, но не могу сверстать такую ситуацию: есть таблица в ней сверстана шапка сайта, сверху шапки надо вывести два слоя с картинакми, один под другим на некотором расстоянии, помогите с решением как это осуществить?

    Asked by Shar,

    0 votes
    8 answers

  18. SSI при верстке shtml документов

    Здраствуйте, недавно, при прочтении одной из статей посвящ?нной использованию SSI на citforum.ru, я решил использовать некоторые его элементы в сво?м проекте. Собственно эта темя является продолжение вот этой темы. Так как я не могу найти ту самую статью, то приведу код и основную идею. Идея заключается в том, что создаются несколько html файлов в которых прописываются некоторые переменые с помощью условий ( #expr var="" #echo var="" ), а в результирующем файле задаются значения этим переменным. Вот код: [b]_head.html[/b] <html><head> <title>Web Club Repository. <!--#echo var="TITLE" --></title> <meta http-equiv="Content-Type" con…

    Asked by DMGaster,

    0 votes
    8 answers

  19. overflow hidden в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #hidden{ width:100%; overflow:hidden; } table{ border-collapse:collapse; } td{ border:1px solid #000; } </style> </head> <body> <table border="1"> <tr> <td width="300"> </td> <td> </td> </tr> <tr> <td> </td> <td> <div id="hidden"> <table width="1000"> <tr> <td width="200">ТЕКСТ</td> <td width…

    Asked by YETI,

    0 votes
    8 answers

  20. положение слоя в ячейке таблици

    не от экрана Пусть имеется таблица, 2*2., последняя ячейка голубая. И в нее надо поместить div красного цвета. Делаю эту ячейку блоком relative, помещяю в нее div. При этом IE правильно понимает, что отмерять положени дива надо от ячейки, а не от границы брауза. Как заствить понять тоже самое Opera и FireFox? <html> <head> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; } #card1 { background-color: red; height: 30%; width: 20%; border:5px; border-color :#336633; left:0%; top:0%; position: absolute; border-style: solid; } </style> <head> <body> <table width="80%" …

    Asked by Kat,

    0 votes
    8 answers

  21. Радиобулки(батоны) в цикле

    Я прошу, если кто чуть чуть знает php интересует как сделать так, чтоб при выбранной переменной и обновления страницы все батоны, кроме того, который выбран стали инэктив, а выбранный - cheked??? А проблема в том, что кнопки в цикле.... ( echo "<form action=".$_SERVER['phpself']." method=get>"; ..... .... $counter=4; echo " <font color="#888888"> <li> Select:</font>"; for ($i=1; $i <= $counter; $i++) { echo " <input type="radio" name="columns" value=".$i.">".$i."</input>"; } <input type=submit value=submit> </form>

    Asked by Ren,

    0 votes
    8 answers

  22. frD-Реализация элемента дизайна

    Помогите, пожалуйста, найти технологию реализации элемента дизайна, указанного на картинке (окна со скроллингом с раличными элементами внутри). http://www.golovachev.ru/505/111.jpg

    Asked by pbeloysov,

    0 votes
    8 answers

  23. скелет 3 колонки. помогите сделать.

    Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать.. Вот мне надо сделать такой скелет: __________________________ |__________header__________| |_____|_______________|_____| |_____| |_____| |_____| |_____| |_____| content | | |_____|_______________|_____| |_________footer____________| В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы. Помогите сделать скелет, дальше я сам буду пробывать разбираться.

    Asked by Makcik,

    0 votes
    8 answers

  24. Текстовое поле раскрытое на несколько записей

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

    Asked by okunev2,

    0 votes
    8 answers

  25. высота ячейки 100%

    Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}

    Asked by SIN,

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