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. Принцип работы меню

    Здравствуйте. Подскажите, как работает это меню, а именно, каким образом происходит появление подменю, при наведении на элемент меню. А то что-то не доходит. Моя ссылка html <html> <head> </head> <body style="background:#bbb;"> <div id="nav"> <ul class="select"> <li><a href="#"><b>1</b></a> <ul class="sub"> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </li> </ul> <ul class="current"> <!-- <<<== активное меню --> <li><a href="#"><b>4</b></a></li> </ul> &lt…

    Asked by maceraty,

    0 votes
    3 answers

  2. Принципиальные изменения в дивжках браузеров

    Заранее прошу прощения за возможно некомпетентный вопрос. Но суть в следующем. Примерно год назад сверстал пару страниц, все отображалось идеально, как и планировал. Проверил их недавно, вся верстка "полезла", при этому изменения никакие не вносились. Ни один ресурс не подгружается ни от куда извне. Я смог найти только одно логическое объяснение - за прошедшее время, обновились движки браузеров в каком-то принципиальном моменте. Хотел узнать у более опытных колег, возможно ли такое, и если да, то что за последние месяцы могло измениться, в сторону каких CSS свойств стоит смотреть? Заранее благодарен за любую помощь.

    Asked by k0sm0s,

    0 votes
    6 answers

  3. Принципы создания качественного css

    Поделитесь ссылкой на стандарты, если таковые имеются. И парой ссылок на профессиональные css файлы, или сайты с которых стоит брать пример в оформлении css

    Asked by ar00,

    0 votes
    1 answer

  4. Приоритет

    Добрый день! Такая проблема. В главном каталоге моего сайта есть 2 файла index.php и index.html при открытии моего сайта загружается index.php как сделать так чтобы при вводе ссылки http://мойсайт.ру загружался файл index.html P.S без переименования файла index.php

    Asked by 123456789igor,

    0 votes
    1 answer

  5. Приоритет class

    Как известно приоритет класса выше одиночного тега.Тогда почему у параграфа красный цвет? p {color: red;} .container {color: blue;}

    Asked by Vollmond,

    0 votes
    1 answer

  6. Приоритет блоков поделиться

    Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.

    Asked by Mizorg,

    0 votes
    3 answers

  7. Приоритет загрузки блоков

    Доброго времени суток! Нужно решение такой проблемы... чтоб блок А грузился первым, блок С вторым, блок В третим. Собственно ситуация. ... <div id='fon'> <div id='content'></div> </div> ... #fon { backgroung: url('fon_v_polosku.jpg') repeat-y; width:900px; height:auto; } #content { backgroung: url('main_big_img.jpg') no-repeat; position:absolute; width:900px; height:auto; } ... По задумке #content накладывается на #fon (ширина у них одинаковая) При заходе на страницу fon_v_polosku.jpg грузится быстрее чем main_big_img.jpg Т.е. получается, что юзер при заходе видит "отрепитанный по Y" fon_v_polosku.jpg (который в таком виде не очень смотрится), а…

    Asked by c01nd01r,

    0 votes
    2 answers

  8. Приоритет импортируемых таблиц стилей

    Существует ли возможность подключить таблицу стилей к основной таблице стилей так, чтобы приоритет всех стилевых правил подключаемой таблицы стилей был заведомо выше приоритетов одноименных правил основной таблицы стилей? Например, указать !important сразу для всех правил импортируемой таблицы стилей, скажем, вот так: @import url('mystyle.css') !important; Проблема в том, что одноименных стилевых правил очень много, и употреблять !important почти в каждой строке импортируемого файла - значит вдвое увеличить вес импортируемого файла, а подключать директивой @import в конец основного файла нельзя, так как at-правило @import должно обязательно быть в самом верху до уаазания…

    Asked by hike,

    0 votes
    4 answers

  9. приоритет классов

    Я так понял если к элементу назначить несколько классов, то приоритет будет у того класса, который написан последним? http://jsfiddle.net/wa5Am/ и порядок будет взят из CSS, да? Вот допустим, в HTML вот такой порядок qwer asdf zxcv, а в CSS такой .qwer .asdf .zxcv и браузер будет выбирать последнее не из HTML , а из CSS? я правильно понял? Вот если .zxcv{ color:blue;}поднять наверх, то текст будет красным

    Asked by DivMan,

    0 votes
    3 answers

  10. Приоритет наложение слоёв

    Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?

    Asked by aqua.77,

    0 votes
    3 answers

  11. Приоритет подключаемого css-файла над css, прописанными в коде. Возможно ли?

    Имеем код <table border="1" cellspacing="1" cellpadding="1" width="300" height="200" class="table"> <tbody> <tr align="center"> <td colspan="2"><span style="font-size: x-small;">Характеристики <br /></span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина наибольшая, мм</span></td> <td><span style="font-size: x-small;">2900</span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина кокпита, мм</span></td> <td><span style="font-size: x-small;">2100</span></td> </tr> <tr> <t…

    Asked by goooooch,

    0 votes
    3 answers

  12. Приоритет появления картинок

    Добрый день форумчане! Это мой второй сайт (для себя) http://кухонный-мир.рф/ Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ???? 1. Я разделил картинку в блоке №1 на маленькие кусочки 2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов) 3. Пробовал размещать картинку из блока №1 в других папках и менял названия НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1 4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установи…

    Asked by maxim_,

    0 votes
    0 answers

  13. Приоритет селектора класса над селекторами типа

    Здравствуйте! Изучаю html и css не так давно хотелось бы уяснить для себя один вопрос.. Почему в некоторых случаях селекторы типа все же имеют приоритет над селектором класса?? В литературе ( https://webref.ru/layout/learn-html-css) поясняется что селектор класса имеет больший вес специфичности, но так получается не всегда.. Ситуация для примера - https://jsfiddle.net/bnzgw6af/ . Заголовок <h2>, абзац <p> и ссылка <a> обернуты классом .hero, для которого применяется белый цвет. Отдельно же для заголовка и ссылки с помощью селекторов типа применяется зеленый.. Почему белый цвет действует только для абзаца? Ведь класс .hero охватывает и заголовок и абзац и…

    Asked by Odinokiy_volk,

    0 votes
    2 answers

  14. Приоритет слоя и скролл в tbody

    Доброго времени суток. Возникло два таких вопроса... Во-первых, где-то перемудрила со стилями и выпадающий блок у корзины в шапке, кроме главной везде обрезается, вроде все проверила, но причину найти не могу: http://ruki24.aveas.ru/emarket/cart/ Во-вторых, я сделала скрол, для таблицы в выпадающем блоке у корзины в шапке, но я хотела бы реализовать скрол у tbody, а не у всей таблицы, но вот не могу придумать, как это можно сделать. Спасибо =)

    Asked by Mary_RND,

    0 votes
    4 answers

  15. Приоритет стилей

    В одном блоке div#box располагается 30 ссылок. Из них 27 имеют стиль a.blue { color:blue; } и 3 ссылки имеют стиль a.red { color:red; } . Если устанавливаю контекстный селектор вида div#box a { color:blue; }, то потом ни как не могу переориентировать оставшиеся 3 ссылки на стиль a.red. С этим можно что-нибудь сделать или только прописывать каждой ссылке свой класс? Спасибо!

    Asked by RR,

    0 votes
    1 answer

  16. Приоритет стилей

    Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  17. Приоритет стилей при адаптивной верстке

    Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. …

    Asked by 19Dmitry19,

    0 votes
    2 answers

  18. Приоритет стиля

    Как правильно определяется приоритет стиля? В Самоучителе используется система начисления "баллов" за каждый использованный в правиле селектор (от 1 до 1000). И это означает, что если в правиле используется 11 классов/псевдоклассов/атрибутов (гипотетически), то они набирают 10х11=110 баллов и "перебивают" правило с id у которого 100 баллов. По этой системе выходит, что более приоритетный селектор возможно перекрыть, используя более 10-ти селекторов из предыдущего "класса приоритетности". В другом источнике мне попадалась информация, что никакого подобного подсчета не производится, а приоритет определяется типом селектора. И id всегда будет выше всех любых классов, псевдок…

    Asked by Kray Storm,

    0 votes
    2 answers

  19. приоритетность css-правил

    Добрый день! У меня следующий вопрос. ДОпустим, мой html-код выглядит так: ... <body> <div id="allcontent"> .... .... </div> </body> А css-код такой: body { color: red; } #allcontent { color: green; } Цвет шрифта на моей странице будет зеленым, так как нижнее правило приоритетно, так? Но. Если css-код выглядит так: body { color: red; } h1 { color: blue; } #allcontent { color: green; } В этом случае цвет шрифта будет зеленый, кроме голубого цвета шрифта заголовка h1. Вопрос: почему нижнее правило не перекрывает правило для h1, ведь нижнее правило приоритетно. Спасибо за внимание!

    Asked by Анна Иноземцева,

    0 votes
    2 answers

  20. приоритетный стиль

    к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…

    Asked by Artyomii,

    0 votes
    4 answers

  21. Приоритеты

    Возникла проблемы с приоритетами стилей. Полистал форум, но не смог понять почему не работает.суть такая есть <td class="lt3"> <a style="display: block;" class="sublevel"></a> <a style="display: block; font-style: italic;" class="sublevel "id="active_menu"></a> </td>Далее имеется 2 цсс файла. Один - первый шаблона сайта, второй шаблона модуля. 1 .lt3 a { color: blue; }2 a { color: green; .sublevel { color: red !important; } }В общем если убрать импортент, то ссылку становятся синего цвета. Вопрос почему?

    Asked by crazybet,

    0 votes
    3 answers

  22. Приоритеты CSS

    index.html <html> <head> <link href="one.css" rel="stylesheet" type="text/css" /> <link href="two.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="divid"> <div>qedasd</div> <div>qedasd</div> <div>qedasd</div> <div class="divclass">fdfdf</div> </div> </body> </html> one.css #divid div {color:red;} two.css .divclass{color:blue;} Вот такая конструкция не работает. Можно править только two.css. Есть мысли?

    Asked by Dimitry Wolotko,

    0 votes
    5 answers

  23. Приоритеты CSS

    немного описания: есть пользователи, ники которых окрашиваются в определенный цвет(в зависимости от группы), и есть переменная которая выводит модераторов разделов, ники модераторов окрашиваются в зависимости от принадлежности модератора к группе, задача сделать цвет модераторов другим-единым цветом например: <div class="smallfont">Модератор форума: $forum[moderators]</div> $forum[moderators] уже подкрашивается в зависимости от группы. если сделать <div class="smallfont">Модератор форума: <span class="moder">$forum[moderators]</span></div> подкрашиваются только запятые разделяющие ники вот CSS //Оформление модераторов .moder{ color…

    Asked by slavok47,

    0 votes
    4 answers

  24. Приоритеты для идентификаторов и классов

    если у меня есть такое объявление стилей: body a { color: purple; } #link { color: black; } .red a { color: red; } .blue { color: blue; } то при использовании в тэге р link ссылка будет черного цвета. Если я уберу id="link", то по идее ссылка должна быть синего цвета (явно указываю ее класс, т.е. class="blue"), а она красного цвета, т.е. применяется стиль .red a. Почему ?

    Asked by KottCoos,

    0 votes
    2 answers

  25. Приоритеты классов

    Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...

    Asked by IamПробник,

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