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. Проблема с закругленными углами

    Доброго времени суток. Пытаюсь по уроку сделать градиент в CSS для изображения. Возникла проблема с закругленными углами. Вот HTML <!DOCTYPE html> <title>Градиенты</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <div class="container"> <img src="http://lorempixel.com/400/300/city"> </div> Вот CSS body { backgrounnd: url(http://subtlepatterns.com/patterns/subtlenet2.png); } .container { width: 400px; height: 300px; float: left; margin: 40px; background: #999; overflow: hidden; cursor: pointer; position: relative; border-radius: 5px; box-shadow: 0 8px 15px rgba(0,0,0,.6); } .contai…

    Asked by Piley,

    0 votes
    2 answers

  2. В Хроме и ИЕ на работает onclick

    <select> <option onclick="window.location.href='http://google.com'">1</option> <option onclick="window.location.href='http://yandex.com'">2</option> </select> В Опере и Мозиле onclick нормально срабатывает, а в Хроме и ИЕ - нет. В чем может быть проблема?

    Asked by saymon,

    0 votes
    2 answers

  3. Как прописать два класса сразу?

    Здравствуйте, у меня такой кусочек <OL class="instructions" class="ol"> <LI>№</LI> <LI>№</LI> <LI>№</LI> <LI>№</LI> </OL> Как прописать два класса в одном? Думаю что так <OL class="instructions ol">№</OL> Но правильно ли это будет?

    Asked by Tezil,

    0 votes
    2 answers

  4. Убрать картинки

    Есть вот такой вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>title</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style> body {background: #ffffff; color: #000000; margin: 5px;} body, td {font-family: verdana,tahoma,arial; font-size: 95%;} a {color: #550000;} a:link, a:visited {text-decoration: underline;} a:active, a:hover {text-decoration: none;} ul { list-style-type: none; } .tra-post ul>li:before { content:url('http://www.iconsearch.ru/uploads/icons/gnomeicontheme/16x16/stock_navigator-all-or-sel-toggle.png')…

    Asked by skillful,

    0 votes
    2 answers

  5. div верстка

    <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>SomeSite - Главная</title> <!--<link rel="shortcut icon" href="favicon.ico" />--> <style type="text/css"> body { background: #121212; margin: 0px 135px 0px 135px; } #header { background: red; position: relative; clear: both; height: 120px; background-size: cover; } #main_menu { position: relative; display: block; height: 39px; font-size: 11px; font-weight: bold; background: blue; border-top: 4px solid rgb(179, 0, 0); } #main_menu ul { margin: 0px; padding:…

    Asked by rtl_one,

    0 votes
    2 answers

  6. Растянуть фон

    Здравствуйте! Как правильно будет организовать такую штуку. Сайт сам будет фиксированный. А блоки с фоном (сверху серый, белый, и коричневый) тянулись на всю ширину. Какой тут способ самый простой и правильный будет? Спасибо! http://s2.ipicture.ru/Gallery/Viewfull/18603720.html

    Asked by Imperil,

    0 votes
    2 answers

  7. Семантика html5

    Здравствуйте дорогие эксперты и форумчане! У меня вопрос по поводу семантики, связанный с новыми тегами html5. А конкретно такая ситуация: нужно сделать раздел <section> и, естественно, сделать так, чтобы контент отображался нужным образом. Как, с точки зрения семантики, сделать правильно: - <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента; - <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом. Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент…

    Asked by EVGENi,

    0 votes
    2 answers

  8. нужен скрипт

    поскажите где мне можно найти скрипт "наверх" как сайте webdiscover.ru, слева полоска появляется если чуть спустится по сайту

    Asked by radioactive,

    0 votes
    2 answers

  9. Изменение стилей нескольких элементов

    Имеется код: <style type="text/css"> .pic {width:150px; height:150px; display:block; background-image:url(1.png);} .pic:hover img {opacity:0;} .pic img {transition: opacity 0.5s ease-in-out;} .zag {color:#000;} .zag:hover {color:#666;} </style> <table border="0" cellspacing="0" cellpadding="10"> <tr> <td><a href="#" class="pic"><img src="2.png" width="150" height="150" /></a></td> <td width="200"> <div><a href="#" class="zag">ЗАГОЛОВОК</a></div> <div>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текс…

    Asked by SFproG,

    0 votes
    2 answers

  10. проблема с ITforms

    помогите пожалуйста понять почему валидация моей формы не работает, а принципиально идентичный код на официальном сайте скрипта работает

    Asked by cyklop77,

    0 votes
    2 answers

  11. linear-gradient по нижнему краю для body

    Доброго времени суток Можно ли прикрепить сss градиент внизу. (как при использовании background-position: 0 100%)/ Вариант с background-attachment: fixed не подходит. Градиент больше высоты подвала и тянется на всю ширину. Сейчас использую 'base64 jpg'+background-position для body. Можно ли как-то иначе? Заранее спасибо. PS Поиск выдает ошибку...

    Asked by Cryolite,

    0 votes
    2 answers

  12. Непонятная ошибка с white-space:pre

    Всем привет. Имеется страница http://khartn.name/ru/view/116 Там прикручен SyntaxHighlighter. На данный момент если копировать код, обработанный SyntaxHighlighter, то код копируется без переносов строк, т.е. весь код сливается в одну строку. Методом тыка в инструменте по F12 выяснил, чт, если отключить для класса .line условие white-space:pre, то копируется код с переносами, но ломается вид кода на странице. Пробовал в качестве эксперимента создать отдельную страничку с указанием white-space:pre - и отображается и копируется нормально из неё код, с переносами. Кто может проанализировать и подсказать, почему в моём случае white-space:pre даёт копирование в буфер обмена без…

    Asked by ArtUrlWWW,

    0 votes
    2 answers

  13. Сложный селектор

    Здравствуйте, уважаемые. Возник вот такой вопрос. есть список ul <ul> <li>Текст <li>Текст <li class="hidden">Текст <li>Текст <li>Текст </ul> И есть "зебра" li:nth-child(2n){ color:red; } .hidden{ display:none; } Вот вопрос, как можно скомбинировать селектор чтобы li.hidden не учитывался селектором :nth-child(2n). Элементов с .hidden м.б много. Заранее спасибо.

    Asked by tyareg,

    0 votes
    2 answers

  14. Стили для label

    Здравствуйте. Скачал html-шаблон для сайта и добавил на страницу index.php форму авторизации. Проблема в том, что стиль для label-ов на форме авторизации влияет на стиль label-а на форме поиска. Как сделать так, чтобы label-ы на формах поиска и авторизации имели собственные стили, которые не влияли бы друг на друга? Вот картинка: Ссылка на архив с шаблоном.

    Asked by keltax,

    0 votes
    2 answers

  15. Не могу разобраться с "условием"

    Здравствуйте! Есть код, которые генерирует на сайте каталог. Хотелось бы выделить названия отдельных позиций(в коде {{collection.title}}) каталога жирным шрифтом. Значение этих отдельных позиций известны. Возник вариант решения - прописать условие, если {{collection.title}}="заданному значению"(или {{collection.title}} содержит заданное значение), то <b></b>, иначе оставить без изменений. Не смог найти примеров решения такого вопроса. Помогите пожалуйста! html <li class="category-top"><span class="top-span"><a href="{{collection.url}}" class="category-top"><span class="{% if collection.current? %}category-subs-parent-selected{% else %}cate…

    Asked by kostun,

    0 votes
    2 answers

  16. Выбор правильной схемы применения section и article

    del

    Asked by NiceForce,

    0 votes
    2 answers

  17. Проблема с fontsquirrel

    Проблема такая - мне очень нужен на сайте шрифт terminator cyr 4 и если его подключить просто через font-face, кириллица работает, но отображается уродливо. Пробовал через fontsquirrel - латинница работает, красиво отрендерилась, а вот кириллица не работает вообще. В настройках выбираю EXPERT, ставлю галочку напротив Cyrillic, а эффекта ноль! Всё равно не работает. Причём, в списке символов кириллица отображается, а вот в демо файле на выходе кириллицы уже нет. А если выбрать не EXPERT, а OPTIMAL, то в демо файле кириллица даже отображается, а вот на самом сайте уже не работает! Помогите пожалуйста, очень нужно.

    Asked by Prowhman,

    0 votes
    2 answers

  18. фантастика с autocomplete

    На локальной машина разрабатываю сайт, autocomplete="off" не работает на одном поле с именем name="account", в принципе и имя поля менял всеровно не отключает autocomplete. Это в Firefox 17.01 Решил показать здесь, скопипатсил всё это в jsfiddle ничего не меняя, так autocomplete отключен как надо. Как такое может быть? В исходном коде autocomplete="off" присутсвует. Такс понятно это у меня сервер что-то делает... первый инпут предлогает заполнить всякой фигнёй)

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  19. Запрет на изменение ширины

    Проблема в том что у меня есть таблица c 3 колонками где width стоит 3% 94% и 3% таблица имеет ширину 100%(посути у меня с боку сделаны поля где я подставляю background) все работает отлично до момента когда содержимое центральной колонки не становится больше width="94%", в этом случае ослина убирает поля не кого не спросив. Как же мне всетаки жестко зафиксировать ширину в 3% у моих колонок? Я вот пробовал: 1) style="min-width:3%;" не помогло 2) пробовал вписывать не помогло 3) если туда вписать прозрачную картинку помогет но у нее ширина будет не та. Версии осла рассматриваются от 7 ну хотя бы 8

    Asked by serg_ss,

    0 votes
    2 answers

  20. Как сделать блок?

    Нужно приделать блок (справа) Как это возможно реализовать?

    Asked by Mistic,

    0 votes
    2 answers

  21. Разрыв между дивами

    Подскажите как бороться с такой вот вещью. У меня есть два дива.В верхнем диве есть несколько плавающих блоков, последний элемент в верхнем диве со свойством clear:both; Стоит в верхний див добавить ченить с отступом(например <p>sss</p>), то нижний див съезжает и образуется белая полоса между ними. Что нужно прописать?

    Asked by marker,

    0 votes
    2 answers

  22. Высота элемента

    Всем привет. Я недавно начала изучать css бла бла бла бла бал бла.... В общем подскажите люди добрые. Намерен сделать шаблон. Высота шапки 30px все остальное пространство должен занимать div. Ничего не нашел дельного. решил сварганить сам. Получилось как то так: HTML: <div id="head"></div> <div id="content"></div> CSS: #head{ width: 100%; height: 30px; background: #0f0; } body{ margin: 0px; } #content{ position: absolute; top: 30px; width: 100%; background: 00f; height: 10px; } Jsvascript: function updateContentHeight() { document.getElementById('content').style.height = document.documentElement.clientHeight - 30; } updateCo…

    Asked by kokoc80,

    0 votes
    2 answers

  23. Див имеет отступ. а не надо

    Всем привет. вопрос прост. Доктайп стоит html 5 (бордер добавлен для видимости, без него тоже есть зазор) для DIVа прописан стиль такой #main { margin: 0 auto; width: 1200px; min-height: 1200px; border: solid 2px red; } Проблема: margin: 0 auto; не работает как надо. Сверху и снизу есть зазор. вопрос: а почему? как убрать?

    Asked by Tezil,

    0 votes
    2 answers

  24. css-спрайты (можно ли сделать?)

    Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

    Asked by clavin,

    0 votes
    2 answers

  25. Стандарты по кастумизации radio, checkbox и scrollbar

    Всем здраствуйте. Ребят не подскажите идут ли какие либо движения в стандарта css по нормальной кастомизации radio, checkbox и scrollbar?

    Asked by tini.kRyptoNite,

    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