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. Сылка с переменой

    Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…

    Asked by Gora,

    0 votes
    16 answers

  2. Помогите найти способ решения

    Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста

    Asked by dion,

    0 votes
    15 answers

  3. Фон не размножается до конца, загадка какая то.

    Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.

    Asked by serg_life,

    0 votes
    15 answers

  4. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k,

    0 votes
    15 answers

  5. Организация файлов по каталогам

    Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо

    Asked by papaden,

    0 votes
    15 answers

  6. Постоянный цвет элемента после клика по ссылке

    Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/

    Asked by Delat,

    0 votes
    15 answers

  7. Прозрачные иконки

    Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

    Asked by brezze,

    0 votes
    15 answers

  8. Как сделать такую сетку

    Итак, имеется 4 блока, на мобильных устройствах они располагаются в столбик, друг за другом. Задача: сделать для больших разрешений сетку в два столбца, в которой высота всех блоков может быть различной, и не должно быть разрывов между блоками

    Asked by chocolate_moles,

    0 votes
    15 answers

  9. Не работает clearfix

    Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

    Asked by L1felv0er,

    0 votes
    14 answers

  10. Где разместить работы начинающему front-end разработчику?

    Всем привет! Я еще только начинающий front-end разработчик и пока не имею реальных заказов. Есть сайт-портфолио и порядка 5 работ(не на заказ, а собственные), которые хотелось бы где-нибудь разместить. Покупать платный хостинг не хочется, так как он платный, а количество работ со временем будет увеличиваться. Вопрос собственно в том, где можно было бы разместить эти работы, чтобы у каждой было свое доменное имя? Или для этих целей лучше стоит использовать один сайт? Может даже тот же сайт-портфолио?

    Asked by Antoshka007,

    0 votes
    14 answers

  11. css ​transform

    Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб

    Asked by vik1249,

    0 votes
    14 answers

  12. Проблемы с передачей файла post'ом

    Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам. Имеется html страница с простейшим кодом: <!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и …

    Asked by itisme,

    0 votes
    14 answers

  13. Линия под заголовоком

    Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?

    Asked by rus,

    0 votes
    14 answers

  14. Подскажите, как исправить меню

    Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…

    Asked by Codename,

    0 votes
    14 answers

  15. Установка LiveReload для ST 3. Ошибка в браузере.

    Здравствуйте форумчане. Суть проблемы в следующем. Крайне необходимо установить плагин LiveReload. Как бывший пользователь Linux, я знал, что эта песня будет долгоооой. В начале, всё шло неплохо: 1. Скачал нужный плагин. 2. Кинул в нужную папку 3. Установил нужные параметры в самом редакторе 4. Установил плагин на тот браузер, где по идее должен работать автоматический рестарт странички. 5. (!) Но весь мой идеальный план разрушил "favicon" этого плагина. Я его установил, но картинка включения этого плагина, не появилась. Хотя у автора видео все прошло гладко, с тем условием, что я копировал его действия. Сириус, почему ты со мной так строг се…

    Asked by Святослав,

    0 votes
    14 answers

  16. Исчезает блок (position: absilute) при скроле.

    Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.

    Asked by volshebnyi,

    0 votes
    14 answers

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

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

    Asked by Oleg90s,

    0 votes
    14 answers

  18. overflow-y: visible не работает если overflow-x: hidden

    Всем доброго времени суток У меня возникла проблема с overflow. Вот упрощенный пример, для того чтоб "потрогать" проблему. В этом примере есть контейнер, и в нем абсолютно позиционированный элемент. Контейнеру заданы свойства overflow-x: hidden и overflow-y: visible для того чтобы все что вылазит за пределы контейнера по оси X скрывалось, а все что вылазит по оси Y - показывалось, при этом скролл на компоненте отображаться не должен. Но эта связка не работает (как видно на примере - у контейнера появляется скролл бар), однако если у контейнера изменить overflow-x c hidden на visible все работает как надо - скролл бар пропадает и абсолютно позиционированный элемент ст…

    Asked by ows.nightwolf,

    0 votes
    14 answers

  19. IE7 margin-bottom от абзаца добавляется к img { float: left; }

    Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…

    Asked by 7ion,

    0 votes
    14 answers

  20. A как вы делаете кривые линии блоков?

    Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)

    Asked by Нарек,

    0 votes
    13 answers

  21. Масштабирование сайта и проблема

    Есть тестовый сайт http://libertyprint.ru/lencon/lencon/about. На нем нужно смаштабировать весь сайт (класс all). Но при этом теряется фон ( класс bg-about). Может кто знает как вылечить сайт? Заранее спасибо за помощь.

    Asked by psics,

    0 votes
    13 answers

  22. Не important

    Есть ли свойство,которое обратно important в стилях?

    Asked by user,

    0 votes
    13 answers

  23. Удаление подсказки из ссылки после нажатия

    Как прописать полное удаление описания .removeAttr('original-title') jQuery(document).ready(function($) { $('#amoney').on('click', '.south', function(){ $('#amoney .south').removeClass('active').removeAttr('original-title'); $(this).addClass('active'); }); });

    Asked by lev99,

    0 votes
    13 answers

  24. Откуда берется padding?

    http://jsfiddle.net/220wsdx2/ Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?

    Asked by infidel,

    0 votes
    13 answers

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

    Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

    Asked by Toleri,

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