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. Многостраничник

    Люди!!! Посоветуйте, пожалуйста, качественный источник информации по созданию многостраничника! обрыла весь инет, окончательно запуталась и не могу собрать всё в одну кучу, может быть книги толковые или видео есть, буду очень признательна!

    Asked by Lady_V,

    0 votes
    4 answers

  2. плывет блог div при умешьшении масштаба в браузере

    столкнулся со следующей проблемой: открываю файл index в браузере вся верстка при масштабе 100% смотрится хорошо при уменьшении масштаба начинает плыть правый блок с контентом. Если убрать border у блока с контентом все становится как надо. помогите советом http://savepic.ru/6617212.jpg http://savepic.ru/6600828.jpg <body><div class="karkas"> <div class="header"> <a href="#"><img class="logo" src="images/logo.png" alt="logo"/></a> <a href="#"><div class="random">Случайная серия</div> </a> </div> <div class="menu"> <ul> <li><a href="#">Выбрать эпизод</a></li&gt…

    Asked by vibrant,

    0 votes
    5 answers

  3. Блокируется ли загрузка страницы

    Хотелось бы проконсультироваться вот по какому вопросу. Мне известно, что JS-скрипт, расположенный на удаленном интернет-ресурсе и подгружаемый на html-страницу вот так: <script src="https://www.example.com/copy.js"></script>сделает невозможным загрузку html-страницы до тех пор, пока целиком не выкачает JS-скрипт с удаленного ресурса, который, возможно, сильно тормозит. Таким образом, загрузка пусть и небольшой html-страницы значительно затянется. Вопрос, будет ли блокироваться загрузка html-страницы, если браузер встретит теги: <img src="https://www.example.com/mini.png" /><div style="background: url(https://www.example.com/copy.css)"></div…

    Asked by hike,

    0 votes
    11 answers

  4. Нейтрализовать CSS

    Здравствуйте! Возникла следующая проблема: В CMS есть стандартные CSS которые нельзя удалить. Мне нужно их нейтрализовать что бы они не влияли на верстку. как это сделать. я могу лишь добавлять новые и изменять свои же.

    Asked by Kypaku,

    0 votes
    6 answers

  5. Обязанности верстальщика

    Здравствуйте, уважаемые профессионалы верстки! Хотел бы уточнить такой вопрос: Что должен сделать верстальщик, если в шаблоне есть различные формы, например, такой: Или например, форма подписки на рассылку, голосование или анкеты? Какой функционал входит в обязанности верстальщика?

    Asked by sergey74,

    0 votes
    8 answers

  6. Разрешения для адаптивной верстки

    Привет всем. Делаю сайт с использованием бутстрап 3 и шапка у меня на всю страницу растянута, но текст в ней при разных разрешениях выходит за рамки шапки и переходит на нижние блоки. Хочу под разные разрешения подогнать текст в шапке. Скажите пожалуйста стоит ли делать так? или все же есть простой способ? Если нужно подгонять, то на какие разрешения нужно обратить внимание при адаптивной верстке чтобы на всех устройствах корректно отображался сайт?

    Asked by kolhoz,

    0 votes
    3 answers

  7. Dreamweaver vs Sublime Text 3

    Здравствуйте, уважаемые коллеги. Делаю первые шаги в веб-разработке. Первый код, по совету друга-специалиста, был написан в редакторе Sublime Text 3. Но недавно узнал о Dreamweaver, посмотрел обзоры, почитал отзывы и мне стало интересно какой же инструмент лучше Dreamweaver или Sublime Text 3, ведь не секрет, что от инструмента зачастую зависит качество работы и скорость ее исполнения. Мне, как новичку, сложно оценить преимущества и недостатки того или иного редактора, поэтому обращаюсь к вам. Спасибо, буду ждать рекомендаций.

    Asked by lampresort,

    0 votes
    8 answers

  8. Щели между DIV

    Здрасьти Друзья Щели между DIV. Приближаешь-удаляешь в браузере, то видно то невидно. сайт http://mastaki.pro здесь все в дивах. а на айфоне стабильные щели скриншоты с айфона: может тема и заеженная, пробовал разное, однако не получается решить) Подскажите пожалуйста как залотать эти щели, желательно не передвигая сами блоки? Где-то float left, где-то right;

    Asked by barrudo,

    0 votes
    10 answers

  9. Input по правому краю (без float:left)

    Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

    Asked by ekkl,

    0 votes
    11 answers

  10. awesome не подключается в localhost

    Здравствуйте. Подключаю новую версия шрифта <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">В итоге, если смотреть проект с папки, шрифты не отображаются. Закинул на хост, все работает. В чем может быть проблема? Раньше подключал старые версии - работало.

    Asked by Temiks,

    0 votes
    2 answers

  11. Помогите со скриптом

    Уважаемые форумчане, прошу у Вас помощи в написании скрипта. Я сам "новичок" в сайтостроении, однако собственными силами пытаюсь обслуживать сайт. Если HTML и CSS мне как-то "даются", то вот со скриптами беда. Только то, что в инете в свободном доступе. Сейчас понадобился скрипт, простой, не могу ничего найти. В разделе "сделайте бесплатно" создать тему не могу. Помогите плиз, мне важно- а для вас, уверен, пустяк: есть скрипт, полностью меня устраивает: <script>$(window).scroll(function() { if ($(this).scrollTop() > 1){ $('.div').addClass("sticky"); } else{ $('.div').addClass("sticky1"); }});</script> По его результатам, слой, …

    Asked by Алексей Дмитриевич,

    0 votes
    7 answers

  12. Проверка данных HTML5 формы без JS

    Интересует такой вопрос. Про параметр required в HTML 5 думаю знают многие <input required>. Если не прописать значение, то браузер при попытке отправки формы предложит-таки его заполнить. Но вот возможно ли прописать в HTML5 в форме таким образом, чтобы в группе чекбоксов, требовалось бы выбрать хотя бы один? Или без JS такое невозможно? Если прописать атрибут required в каждом чекбоксе, то браузер не успокоится пока не будут проставлены галочки на всех этих чекбоксах, то есть для меня это не катит Есть ли такая возможность или в HTML5 этого сделать невозможно?

    Asked by Аль-мухандис,

    0 votes
    1 answer

  13. Составление электронных таблиц по ассортименту товаров

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

    Asked by м.н.с.,

    0 votes
    0 answers

  14. Спрятанное меню

    Всем привет и с прошедшими праздниками! Как можно реализовать следующее спрятанное меню как на этом сайте http://brianhoffdesign.com/

    Asked by kolhoz,

    0 votes
    6 answers

  15. Не могу вытащить картинку

    извиняюсь, проблема решена

    Asked by raptor-dm,

    0 votes
    3 answers

  16. Как сделать счетчик скачки файлов

    Я сделал себе счетчик а он не работает кто поможет сделать его :?

    Asked by mariks,

    0 votes
    4 answers

  17. Выбор движка

    Доброго времени, хочу создать сайт для школы, не могу определиться какой CMS движок выбрать, подскажите какой мне больше подойдёт. На сайте будет: Фотогалерея, видео, новости, статьи, файлы Заранее благодарен.

    Asked by Гром,

    0 votes
    2 answers

  18. Как реализовать резиновый блок с фиксированным padding?

    Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing

    Asked by Drunk_Monkey,

    0 votes
    3 answers

  19. Поменять border родителя при фокусе дочернего input

    Нужно помять border родителя при фокусе дочернего элемента http://jsbin.com/pixut/10/edit?css,output Пробовал так, не получается. Без js это возможно? form span { display: inline-block; font-size: 18px; line-height: 1; background-color: #fff; padding: 6px 2px 6px 36px; margin: 20px; border: 1px solid #666;}form input { border: none; width: 360px; padding: 0; margin-right: 0px; font-size: 24px; color: #737373; transition: color 0.2s, border-color 0.2s; display: inline-block;}form input:focus { color: black;}span<input:focus{border:1px solid blue;

    Asked by ekkl,

    0 votes
    9 answers

  20. Список с float:left в Chrome

    Добрый день. Google Chrome некорректно отображает список, если внутрь <li></li> положить 2 блока, один из которых выровнять по левому краю через float: left. http://jsfiddle.net/5dLarwsk/ Почему нумерация списка вылазит на блок? Как это исправить? Firefox отображает нормально. Спасибо.

    Asked by edwinkkc,

    0 votes
    2 answers

  21. Монохромная картинка через css

    Добрый день. Подскажите плз. Можно ли как-то задать картинке монохромный (чёрно-белый) стиль без создания новой картинки? В IE есть такое решение filter : gray. А для других браузеров делают через svg. Может есть что=то стандартное?

    Asked by kidar2,

    0 votes
    7 answers

  22. Прямоугольник со скруглёнными сторонами (полуэллипс-полупрямоугольник)

    Возник вопрос как сверстать без картинок (с картинками я знаю как делать) блоки на картинке: http://li.tl/i/j/xwpEi.png Мучался с border-radius, стороны получаются в определённый момент прямыми (на картинке прямых частей почти не видно). Гуглил SVG - тоже ничего похожего, либо эллипс, либо просто углы скруглены. Также отдельно буду благодарен за совет про пимпочку снизу.

    Asked by antonKar,

    0 votes
    1 answer

  23. Затемнение картинки divом

    Здравствуйте! Имеется код типа: html <img src=""><div class="div_class"><a>Текст</a></div>css .div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст ост…

    Asked by Torawhite,

    0 votes
    2 answers

  24. Не могу применить шрифт

    Есть шрифт, который я хочу поставить для текста: Open Sans Condensed Light; http://jsfiddle.net/pk8n92t1/ Почему шрифт не срабатывает?

    Asked by GuitarFan,

    0 votes
    2 answers

  25. Соединие DIV и Заливание CSS Фигур Фоном

    Здравствуйте Друзья!) Есть дизайн, я заверстал его блоками. http://myscreenshot.info/i/0005/450771420815068249968785663668.png Вопросы: 1. Как теперь соединить ряд блоков в один DIV, (наподобие псевтотегов чтоли)? 2. Как залить получившейся DIV фоном? Я точно знаю что такое можно сделать)) Пример моего кода (фигура слева) http://myscreenshot.info/i/0005/263841420815915808621868304315.png HTML: <div id="imgbox_canvas"> <div id="im_tri-right"></div> <div id="im_tri-top"></div> <div id="c_row_r"> <div id="im_tri-left"></div> <div id="im_centr"></div> <div id="im_btm-r"></div> <div i…

    Asked by barrudo,

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