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. Использование 3d лент.

    Подскажите, кто-нибудь использовал объёмные ленты. Primer: http://my-html.ru/example/3D_css/index.html Поделитесь опытом, все никак не могу реализовать в деле.

    Asked by Gleb-k,

    0 votes
    7 answers

  2. Использование border-botom для ссылок

    Как вы относитесь к использованию border-bottom для ссылки вместо text-decoration: underline? Недавно открыл такую особенность, мне понравилось, но интересно услышать ваше мнение.

    Asked by Cryolite,

    0 votes
    7 answers

  3. использование CGI скриптов

    Здравствуйте, помогите пожалуйста разобраться. Для использования cgi скриптов, в моём случае я хочу использовать скрипт "Баннеры Entropy", нужно вставить код <!--#include virtual="cgi-bin/entropybanner.cgi"--> и сохранить страницу в формате .shtml или .shtm . Так вот, если эта страница находится в корне сайта, то cgi скрипт работает, если я перемещаю страницу в другую папку то скрипт не работает вот такая ошибка [an error occurred while processing this directive]Например: www.mydomen.ru/index.shtml - в таком случае работает www.mydomen.ru/baner/index.shtml - в таком случае не работает. ошибка - [an error occurred while processing this directive] Подскажите пожалуй…

    Asked by Maximus_,

    0 votes
    5 answers

  4. Использование class и id

    Возник вопрос: Если есть возможность убрать множество class и id со страницы, стоит ли это делать? Или лучше не обращаться к тегам напрямую? Прошу объяснить почему)

    Asked by moskalev_mihail,

    0 votes
    0 answers

  5. Использование colspan делает таблицу на 1 пиксель шире

    Дано: <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T" colspan="4"> </td> </tr> <tr class="EMPTY"> <td colspan="4"> </td> </tr> <tr class="TR"> <td class="DOC_E"> </td> <td class="DOC_L"> </td> <td class="DOC_M"> </td> <td class="DOC_R"> </td> </tr> </table> </div> <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T"> </td> </tr> <tr class="EMPTY"> <td&g…

    Asked by RussianGirl,

    0 votes
    6 answers

  6. Использование Column

    Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/

    Asked by Mary_RND,

    0 votes
    7 answers

  7. Использование css flex для выравнивания

    Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нель…

    Asked by diga,

    0 votes
    2 answers

  8. Использование CSS без внешних таблиц

    Каким образом прописать стиль ссылки, не использую заранее подготовленные таблицы стилей во внешних файлах, ни в <head>. Например необходимо текст типа <style> :hover { color=blue; } </style> ..... <a>fsdf</a> переделать в вид: <a style="????"> fsdf</a>

    Asked by chin67,

    0 votes
    7 answers

  9. Использование CSS фреймворка Twitter Bootsrtrap

    Добрый день! Кто-нибудь пользуется фреймворком в сабже? Ну или любым другим.. Не получается сверстать вот такой макет: Трудность в том, что БЛОК А слева занимает две, так называемые, "строки", нижняя из которых (БЛОК В) также занята справа сайдбаром (БЛОК С). Верстка резиновая. Буду благодарен любым предложениям.

    Asked by 0zz,

    0 votes
    0 answers

  10. Использование DIV

    можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?

    Asked by termoplus,

    0 votes
    29 answers

  11. Использование div'ов для верстки

    Здравствуйте всем, есть примерно такой код: ... ... ... ... Login Password ... Вопрос в следующем, почему слои, которые содержат подписи и сами поля Login и Password не "вкладываются" в родительский div, а помещаются где-то снизу (в этом можно "визуально" убедиться, если родительскому элементу поставить св-во border)?

    Asked by a_web,

    0 votes
    2 answers

  12. Использование float делает ссылки в элементе недоступными

    Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

    Asked by Net-lady,

    0 votes
    9 answers

  13. Использование IE7.js. Нужно ли использовать?

    Здравствуйте! Разбирала чужой код и наткнулась на такой код: <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]--> Прочитала для чего он нужен: IE7.js - это библиотека JavaScript, которая делает Microsoft Internet Explorer похожим на браузер, поддерживающий стандарты. В ней имеются заплатки для многих пунктов из HTML и CSS, а также изображения с прозрачностью в формате PNG начинают работать правильно в IE5 и IE6. Мой вопрос: стоит ли им пользоваться, насколько он действительно полезен, какие есть минусы?

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

    0 votes
    3 answers

  14. использование less

    помогите пожалуйста разобраться. использовать less в бутстрапе можно двумя способами: компилировать файл при помощи вспомогательной программы и компилировать файл на лету со вторым способом понятно - подключается less.js и он добавляет код в ответ браузера. то есть код хранится в "оперативной памяти" браузера если использовать первый способ например с такой структурой, то не понятно где и как хранится скомпилированный код

    Asked by cyklop77,

    0 votes
    2 answers

  15. Использование positions

    Расскажите мне плз, или поделитесь ссылочкой на тему применение position в css коде. Хитрости и секреты, возможно хаки... Просто я именно этим свойством плохо владею, не понимаю зачем надо, только стандартные функции, и то не все))) На htmlbook.ru был но там только стандартные термины и краткие описания, а мне бы пораскрытие тему... Заранее спасибо)

    Asked by Victor Ananiev,

    0 votes
    2 answers

  16. Использование rem для задания размеров элемента

    Всем привет. Слышал советы, что вместо пикселей желательно использовать rem для задания размеров. Решил, в качестве эксперимента, попробовать задать для html определённый размер в пикселях, а дальше везде использовать уже rem. И вроде всё нормально, даже очень удобно. Но под конец решил я уменьшить масштаб страницы и вот тут появились проблемы. Если использовать такой код: html { font-size: 10px; } .box { background: red; width: 100px; height: 400px; } То по итогу всё нормально, сколько масштаб не уменьшай, результат всё те же 400px. Но стоило изменить единицы измерения в высоте: html { font-size: 10px; } .box { background: red; wid…

    Asked by Tascan,

    0 votes
    0 answers

  17. Использование semibold-шрифта вместо bold

    Всем доброго дня. При верстке столкнулся со следующим вопросом. Использую шрифт Open Sans, подключен через Google Fonts. Подключены варианты на 300 (light), 400 (normal) и 600 (semibold). Требуется использовать 600 (semibold) вместо стандартного bold (700). В CSS, где возможно, переопределил (для b, strong и т.д.), но движок часто использует font-weight: bold;Соответственно вопрос: возможно ли (если да, то как) переопределить "bold" как "600" и вообще нужно ли? Есть ли опасность, что браузеры в вышеуказанной ситуации при font-weight: bold будут использовать faux bold? Или они "увидят", что максимально подгруженный шрифт - 600, и будут по умолчанию использовать его? Сп…

    Asked by Raiker,

    0 votes
    3 answers

  18. Использование white-space: pre-wrap и internet explorer 9

    Вывожу заранее отформатированный текст (white-space: pre-wrap). Текст такой: ййййййййй ццццццццц ууууууууу Во всех браузерах отображается нормально: ййййййййй ццццццццц ууууууууу В IE9 отображается так: ййййййййй ццццццццц ууууууууу Получается что ie9 после символа перевода строки добавляет пустую строку. Можно это как-нибудь побороть?

    Asked by MCStan,

    0 votes
    3 answers

  19. Использование атрибута label

    В ощем-то это чистая теория, а не проблема верстки, поэтому в этом разделе. Вот такой вопрос появился: У тега option в select’е есть атрибут label. Где на практике он может быть полезен? Спецификация описывает его так: более короткое имя для содержимого option’а. Если label указан, то отображаться должен именно он. Но в таком случае что мешает в сам option поместить соответствующий текст? Складывается впечатление, что содержимое тега и значение атрибута предназначены для одной и той же цели. Тогда зачем два средства?

    Asked by rash,

    0 votes
    6 answers

  20. Использование атрибута type у тега <link> в HTML5

    Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.

    Asked by Ultran,

    0 votes
    5 answers

  21. Использование большой картинки для header

    Как вы используете картинку довольно большую, 990х400 пикселей для header? Использовать в качестве фона всю картинку если нет другого выхода, точнее если нет смысла ее делить на части, так как почти не несет в себе ничего, кроме как картинки? правильно ли это?

    Asked by termoplus,

    0 votes
    9 answers

  22. Использование в margin отрицательных значений

    Сабж,это нормально или как-то это можно обойти?

    Asked by Дажьбог,

    0 votes
    6 answers

  23. Использование глобальных стилей - моветон?

    Здравствуйте, уважаемые форумчане. Вопрос возник после услышанной мною фразы, что "использовать <style type="text/css"> ... </style> - ужасно неправильно и вообще дурной тон. Все должно быть сделано через классы. И все стили должны быть описаны только вне index.html". Я начинающий верстальщик, поэтому мне сложно решить: выкидывать этот тег из своей верстки, или же он нужен для чего-то еще, кроме как повышения специфичности элемента? Пожалуйста, можете объяснить мне смысл тега <style>?

    Asked by Kreigan,

    0 votes
    3 answers

  24. Использование иконок в спрайтах и "em"

    Не могу решить проблему. У меня для инлайновых элементов, например для внешних ссылок указана иконка, через background. Так вот, когда размер шритфа фиксированный, например строго 14px/16px, то проблемы нет, задаю: background: url(images/sprite.png) no-repeat 0 -64px; И все здорово, иконка по центру строчки, все красиво. Однако когда шрифт нужно задать в em, например 1em/1.2em , то тут возникает проблема. Так как физический размер в пикселях может изменяться, то и иконка "гуляет", уползая вверх-вниз. Есть ли решение этой проблемы? Вариант с иконкой через :before не предлагать, он не работает в ие7, а городить костыли крайне нежелательно..

    Asked by danik.html,

    0 votes
    9 answers

  25. использование модели Flex-блоков

    Хотел бы у знатаков поинтересоваться. Можно ли верстать различные типы сайтов используя при этом только модель Flex-блоков? При этом не использовать выравнивание элементов c помощью свойства (float) К примеру шапку сайта на всю ширину главного контейнера, ниже слева реализовать блок где будет находиться контент, а справа меню для сайта. И если можно ссылочку на пример реализации данного дела. Сам лично пытался и никак не получается. Просто впервые с этим сталкиваюсь. Хотелось бы получить в итоге что-то вроде этого примера: Надеюсь на вашу помощь.

    Asked by nfsworld,

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