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. Назначение itemprop в img

    Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">

    Asked by Slyfox,

    0 votes
    1 answer

  2. Назначение ещё одного класса не производит эффекта

    Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…

    Asked by adelante,

    0 votes
    2 answers

  3. Назначение каждому заголовку h1 картинки перед ним

    Возможно вообще назначить заголовку картинку бэкграундом? Нужно чтобы на всех страницах у каждого заголовка h1 перед ним была картиночка(страниц очень много). Я через стили и так пытался, и так, но никак не выходит - не появляется картинка и все тут. Просто назначить ее беком не выходит; если сделать заголовок блочным элементом, назначить ему высоту и т.п., то тоже картинка не появляется и т.п. Это вообще возможно сделать только через стиль? Или как еще можно картинку перед каждым заголовком расположить?

    Asked by Torner,

    0 votes
    6 answers

  4. Назначение отступов у ссылок

    Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка? <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> nav{ display: table; border-spacing: 10px; } ul{ display: table-row; } li{ display: table-cell; background: red; width: 10%; //Нужно чтобы отступы были точно такими text-…

    Asked by aqua.77,

    0 votes
    5 answers

  5. Назначение разных стилей для одинаковых потомков одного предка.

    Имеется список: <ul> <li>...</li> <li>...</li> <li>...</li> <li>...</li> ... </ul> Можно ли как-то выбрать из него определенные li не ссылаясь на их атрибуты или содержание?

    Asked by Titansword,

    0 votes
    5 answers

  6. Назначить фон картинке

    Здравствуйте. Пробую css на прочность... Пытаюсь задать стиль: .category-view .row .category .spacer h2 a img{ background: url('../images/img_bg.jpg') no-repeat; background-size:120%; } в надежде подсунуть картинку-обрамление для фотографии. В справочнике говорится, что background применим ко всем. Почему фоновая картинка не отображается?

    Asked by borus,

    0 votes
    4 answers

  7. Назойливая реклама в шапке сайта

    Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…

    Asked by retoptop,

    0 votes
    9 answers

  8. Наиболее популярные шрифты

    Название темы говорит за себя. Подскажите какие шрифты наиболее симпатичны юзерам... Мне например очень симпатизирует Times New Roman. И ещё вопрос: Шрифты типа: Georgia, Times New Roman, Arial, Verdana - как я понял, установлены на всех компах. Я прав?

    Asked by ohinem,

    0 votes
    2 answers

  9. Наибольшее разрешение экрана

    В этой замечательной статье автор приводит интересное, на мой взгляд, решение ухода от скролла. http://www.alistapart.com/articles/fluidgrids/ Максимальное разрешение экрана берёт 988px, в иных статьях упоминается 1024px, если поГуглить можно найти 2560x1600, одно из заданий верстки даёт разрешение ограничить макс 1500px. Какую цифру взять ориентиром для десктопов? Далее есть такая фраза Насколько это соотв действительности?

    Asked by seemax,

    0 votes
    26 answers

  10. Найстрока Superfish

    Добрый день, в общем понадобилось для меню Superfish сделать плавное исчезновение, посмотрел документацию $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter …

    Asked by inex,

    0 votes
    4 answers

  11. найти и заменить.

    Есть ли в html, js или php код замена текста. Как в блокноте, только что бы постоянно работала.

    Asked by supernet95,

    0 votes
    1 answer

  12. Найти подходящий элемент

    В общем хочу сделать вот такую штуку , но даже не знаю как подступиться .Подскажите пожалуйста.

    Asked by dr48,

    0 votes
    2 answers

  13. Найти последний дочерний элемент в контейнере

    Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…

    Asked by IvanRu08,

    0 votes
    1 answer

  14. Найти решение

    Господа, помогите пожалуйста найти оптимальное решение: Есть меню, между линками разделительная полоса (правый бордер), не получается найти элегантное решение что бы после последнего линка разделительной полосы не было... css: .mattblacktabs ul{ margin: 0; padding: 40px 0 0 450px; font: bold 12px Verdana; list-style-type: none; } .mattblacktabs li{ display: inline; margin: 0; } .mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; /*разделитель*/ color: white; } .mattblacktabs li a:visited{ color: white; } .mattblacktabs li a:hover, .mattblacktabs li.selected a { background: #003460; } …

    Asked by zefo,

    0 votes
    13 answers

  15. Найти сайт по коду

    Здравствуйте Коллеги! Работаю над сайтом-визиткой. Требованием заказчика является отсутствие каких либо данных о разработчике сайта, кроме того заказчик не сообщает ни имя сайта, ни доменное имя. По условиям ТЗ необходима лишь настроенная CMS (свёрстанный шаблон, настроенное меню, слаидбоксы и т.п.) без контента. Вопрос: Что можно вписать в код для того чтобы потом можно было легко найти "свою работу"?

    Asked by Devvega,

    0 votes
    2 answers

  16. Накладывается скрытый слой на кнопки формы

    Сделал форму, в которой при выборе radio, открывается div. Но этот div накладывается на кнопки формы. Подскажите, где недоглядел. <div id="firstdiv"> <div id="Scr1" class="hidden" > 1ый блок спрятанный </div> <div id="Scr2" class="hidden" > 2ой блок спрятанный </div> </div> <input type="submit" class="buttons" value="Записать" /> <input type="reset" class="buttons" value="Очистить" /> #firstdiv {position:relative;} #Scr1 { position:absolute; } #Scr2 { position:absolute; }

    Asked by rolph,

    0 votes
    13 answers

  17. Накладывание слоев

    помогите не пойму как наложить таблицу на верстаную шапку вверху сайта поверх е?, как будто дивная шапка должна быть фоном: <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> </div> </div> <table class="rez1" height="100%"> <tr> <td class="rez1_1"></td> </tr> </table> это css: table.rez1 { width: 100%; table-layout: fixed; height: 100%; border-collapse: collapse; } td.rez1_1 { /*width: 20%;*/ vertical-align: top; } #main { min-width: 1200px; } #header_fon { width: 100%; height: 264px; background: url(images/fon_he…

    Asked by okunev2,

    0 votes
    14 answers

  18. Накладывание эффектов при трансформации

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

    Asked by ivanforpw,

    0 votes
    0 answers

  19. Наклонные разделители в меню

    Голова что-то отказывается соображать. Как сделать меню как на картинке. Хотя бы в какую сторону двигаться?

    Asked by vip,

    0 votes
    10 answers

  20. Наклонные секции

    Здравствуйте, в макетах часто попадаются трансформированные секции (наклонные, в виде параллелограмма, или с углом внизу .. Скажите, как их делают? Подразумеваю что на css трансформациях .. Но тогда вся секция вместе с контентом поварачивается .. Или делают через псевдоэлементы? Если есть статья, или видео-урок, буду признателен ..

    Asked by Hasiev,

    0 votes
    2 answers

  21. Накрыть слайдер полупрозрачной статичной картинкой

    Есть слайдер, сделан на Bootstrap. Необходимо сделать, чтобы поверх слайдов было статичное изображение(в моем случае это вертикальные и горизонтальные линии, типа кафельной плитки). Т.е. нужно, чтобы линии оставальсь на месте, а слайды перемещались, как положено. Еще два вопроса: как в Bootstrap вывести индикаторы за пределы слайдера и как изменить вид стрелок для прокрутки слайдера. Есть PSD-макет слайдера с контролами, нужно, чтобы стрелки на реальном слайдере были как в макете. Я о верстке имею неплохое представление, но слайдерами раньше не занимался. …

    Asked by nikstorm,

    0 votes
    1 answer

  22. Налезают div блоки

    Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #list { width: 50%; margin:0 auto; } #listImg{ background-color:#FF6; width:16%; float: left; } #listRight { margin-left:16%; } #listTitle { background-color: #FFF; } #listDscrpt { margin-top:2px; background-color:#0F0; } </…

    Asked by Dim,

    0 votes
    2 answers

  23. Наложени при position: absolute

    Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?

    Asked by jdk,

    0 votes
    8 answers

  24. наложение

    возможно ли через теги сделать наложение на картинку полупрозрачного белого фона?

    Asked by xameleon,

    0 votes
    1 answer

  25. Наложение 2-х картинок

    вот такая как бы тень появляется, как мне избавиться от нее? Ссылка

    Asked by across,

    0 votes
    1 answer

  • Обсуждения

    • 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