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. Ссылка во весь размер блока

    Подскажите пожалуйста как организовать ссылку во вечь размер блока а не только в пределах текста? Получается только с "подгоном" отступов.Текст должен быть по центру.. http://jsfiddle.net/yn3Lkjno/ Заранее спасибо.

    Asked by sergeiko,

    0 votes
    7 answers

  2. Bootstrap, вызов модального окна - появляется отступ у body

    Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .

    Asked by Светлана Г.,

    0 votes
    23 answers

  3. таблицы и блоки

    В чем отличие в верстке блоками и таблицами? Почему сейчас почти никто не использует таблицы в шаблонах? Влияет ли это на скорость загрузки страницы? и Вообще?

    Asked by bobchinskiy,

    0 votes
    6 answers

  4. Ссылка во весь размер блока

    Подскажите пожалуйста как организовать ссылку во вечь размер блока а не только в пределах текста? Получается только с "подгоном" отступов.Текст должен быть по центру.. http://jsfiddle.net/yn3Lkjno/ Заранее спасибо.

    Asked by sergeiko,

    0 votes
    0 answers

  5. Как сделать такой border

    Здравствуйте! В макете есть блок с границей: Подскажите пожалуйста как мне реализовать такой же блок с такой же границей только средствами CSS. Легкий способ(просто вырезать блок и установить через background), но это ведь не правильно как я понял. А с border-img я не разобрался. Заранее благодарен!

    Asked by FitTech,

    0 votes
    2 answers

  6. Как начать работать над сайтом (PHP, Joomla, mySQL) ?

    Есть список-таблица. Она выодится на экран при выборе категории (магазин VirtueMart). Есть заголовки табдиц. Вида, "Наименование" "Цена", и т.п. Мне нужно поменять саму таблицу. Но, для начала, хотя бы понять, где это? То есть, в какой части админ-панели, какой файл, какая таблица в базе?

    Asked by skms,

    0 votes
    0 answers

  7. Картинки с сылкой в ряд по горизонтали по центру блока с авто margin

    Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…

    Asked by bobsa,

    0 votes
    4 answers

  8. Помогите разобраться с версткой

    Помогите пожалуйста, напишите в коде как должно выглядеть, в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее). Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? //gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left, #ff6e0…

    Asked by bobchinskiy,

    0 votes
    4 answers

  9. Опять резиновый сайт!

    Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя). Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово. Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон. Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой? Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки п…

    Asked by bobchinskiy,

    0 votes
    4 answers

  10. выпадающее меню только в одной строке, помогите (html/css)

    Всем привет. Мне нужно, чтоб меню выпадало только из одной строки при наведении. Пример моего меню: Нужно, чтоб при наведении на "Портативные компьютеры", вниз открывался столбик с тремя вариантами (ноутбуки, смартфоны, планшеты) у меня ничего не получается.. <ul class="menu"> <li><a href="index.html">Главная</a></li> <li><a href ="nout.html">Портативные компьютеры</a></li> <li><a href="index-os.html">Операционные системы</a></li> <li><a href="rat.html">Рейтинги</a></li> <li><a href="o_nas.html">Обратная связь</a></li> …

    Asked by swag420,

    0 votes
    6 answers

  11. Изменение hover для элементов

    День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>mult…

    Asked by alex.kv,

    0 votes
    3 answers

  12. Вложенная форма (слайдер)

    Подскажите пожалуйста, как внутрь слайдера вставить форму для ввода логина и пароля, мне нужно чтобы форма была на первом кадре слайдера ( ссылка на слайдер http://ruseller.com/lessons.php?rub_id=2&id=1443 ) Получается что это как-бы вложенная форма и она не отображается, потому что слайдер сам основан на чекбоксах и как я понимаю HTML такое не поддерживает, есть вариант использовать iframe, но он не желателен. <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" clas…

    Asked by anutti,

    0 votes
    2 answers

  13. Непонятки с текстом

    На телефонах есть небольшая проблемка с текстом. вот посмотрите даже как этот сайт выглядит на моей lumia 820 http://hostingkartinok.com/show-image.php?id=25d50a77661f9ce11cb868e90e652e8e как видим все как на компе, НО ТЕКСТ отображается не так, по своему как то(и размер шрифта и все другое). у меня часто из-за этого верстка рушится на телефонах. у меня 3 вопроса. 1) Что это? 2) Зачем это нужно? 3) как управлять этим? Заранее спасибо)

    Asked by raptor-dm,

    0 votes
    3 answers

  14. Кодировочка

    Здравствуйте! Действительно ли если файлы в кодировке utf-8 то задавать её в meta ненужно и что сайт и так будет везде нормально отображаться? Спасибо за внимание!

    Asked by subm41,

    0 votes
    1 answer

  15. Обрезать картинку

    Здравствуйте. Подскажите, пожалуйста, способ, как можно обрезать изображение. Сейчас вот так: Нужно вот так: Код можно посмотреть тут

    Asked by Temiks,

    0 votes
    4 answers

  16. Помогите вставить menu.html на сайт при помощи php include

    Всячески пытаюсь отобразить на странице меню, вставленное через php include - результата ноль. Установил Apache, наблюдал вкладку "It works!", запустил апач монитор. Вырванный кусок тегов, формирующих меню сохранил в отдельном файле. Прошу подсказать, каким образом должна выглядеть в файле страницы .html строка скрипта php, в каких форматах должны быть сохранены файлы и какие ещё упущенные мной действия требуется проделать?

    Asked by K-451,

    0 votes
    5 answers

  17. Проблема с выподающим меню

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

    Asked by XAXATUN,

    0 votes
    1 answer

  18. дочерние <div> выходят за пределы родительского

    Подскажите пожалуйста как решить проблему.При неоднократном обновлении окна браузера содержимое странички не стабильно.То-есть иногда правильно отображается иногда неправилно. http://jsfiddle.net/tpt6e0qq/1/ неправильно https://plus.google.com/117227156135925600779/posts/8BQhJfH6BGT?pid=6101186476295497458&oid=117227156135925600779 правильно https://plus.google.com/117227156135925600779/posts/8BQhJfH6BGT?pid=6101172383986281410&oid=117227156135925600779

    Asked by sergeiko,

    0 votes
    2 answers

  19. Какие знания нужны, чтобы сверстать такой сайт?

    Какие знания нужны, чтобы сверстать такой сайт? http://yoga4you.in.ua/

    Asked by Midsummer,

    0 votes
    3 answers

  20. Не работают относительные (указания в "%") CSS правила height, max-height, min-height

    Решил поупражняться в верстке, сделал фиксированный верхний и левый бар, принялся за контент, но слой в который вложена аватарка имеет нулевую высоту, применение height, max-height, min-height с указанием значения в % не приводит ни к какому результату, только фиксированное значение "N px" регулирует значение высоты слоя. И самое интересное: если я вставляю текст, то слой появляется и его высота равна занимаемой текстом высоте. Вот как это выглядит без текста: http://storage8.static.itmages.ru/i/15/0106/h_1420526624_5424836_8e46b4d33d.png Вот как это по идеи должно выглядеть: http://storage8.static.itmages.ru/i/15/0106/h_1420528235_8284072_2c67e7a154.png Вот как это выгля…

    Asked by Sergo Skiller,

    0 votes
    5 answers

  21. Переход по якорям

    Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример

    Asked by MicZoloto,

    0 votes
    1 answer

  22. Еще проблемы с hover

    Не подскажите есть ли универсальное средство, чтобы сделать такой hover http://clip2net.com/s/39WPtxB непосредственно css. То есть нужно чтобы автоматически под ширину слова подстраивался;непосредственная длина эффекта 90px, если пункт меню имеет большую ширину получается кривовато(((

    Asked by Orysya,

    0 votes
    3 answers

  23. Как сверстать такую фотогалерею адаптивно?

    Здравствуйте! Нужно сверстать такую фотогалерею адаптивно: Принцип Bootstrap, на мой взгляд, не подходит. Нужен совет, какой способ выбрать.

    Asked by Светлана Г.,

    0 votes
    13 answers

  24. Выход текста или таблицы за рамки первоначального блока

    Уже не в первый раз сталкиваюсь с подобной проблемой. Порой находил выход из ситуации с переразмещением некоторых блоков, а также добавлением новых. Но то было раньше, то были мои первые более менее на что-то похожие работы, впрочем, там было слишком много кода, причем лишнего, поскольку со временем я нашел более приемлемые варианты составления этих же шаблонов. На тот момент упор делался на общую картинку, а не на правильность составления кода, ну и все что с этим связано. Раньше сталкивался лишь с небольшой переделкой уже готовых и полноценных шаблонов, но не так давно решил заняться изучением самого процесса их создания, практически с нуля. Вот как сейчас. На данный мо…

    Asked by Guest,

    0 votes
    3 answers

  25. как исключить элемент из выборки?

    помогите пожалуйста решить проблему есть html: <div id="test"> <div> hide text </div> <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> </div> мне нужно получить (с тегами): <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> желательно использовать xpath

    Asked by cyklop77,

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