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. Как сверстать такой фон?

    Подскажите как сверстать такой фон резиновым? Для пункта меню li

    Asked by dididima,

    0 votes
    13 answers

  2. Как сделать на сайте ( все прозрачные модули?

    Как сделать на сайте ( все прозрачные модули? чтобы каждый модуль на сайте был прозрачен!??

    Asked by VladB,

    0 votes
    1 answer

  3. Как сделать также? (gif-видео)

    Чем и как можно сделать вот такие гифы? http://support.kaspersky.ru/faq?qid=208640890

    Asked by sergeyshat,

    0 votes
    2 answers

  4. Фон в DIV

    help please. не могу разобраться в чем дело: такой код не отображает нужного мне фона в div'е: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SQpokerinfo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <div id="container"> <div id="header"> <img id="logo" src="img/logo.jpg" alt="logo"> </div> </div> </body> </html> CSS body { margin: 0px; } #conta…

    Asked by denaswolf,

    0 votes
    7 answers

  5. Закругленные углы

    как сделать закругленный уголки без картинок (кросбраузерно ie6) как здесь http://templates.websitetemplatesonline.com/Agriculture-Tomatoes/index.html# и как сделать такое меняющееся с градиентом меню при наведении ?

    Asked by olechic,

    0 votes
    3 answers

  6. Как вокруг каждого модуля сделать рамку?

    Как вокруг каждого модуля сделать рамку! Есть ли какой нибудь код чтобы вставить его и чобы все модули поместились в рамку!???

    Asked by VladB,

    0 votes
    3 answers

  7. Растянуть DIV по содержимому и выровнть по центру.

    Здравствуйте, имеется div с случайным содержимым и нужно выровнять его по центру родительского div, а также установить ширину равную содержимому. Можно ли это провернуть без JS?

    Asked by Titansword,

    0 votes
    1 answer

  8. Стоит ли разнообразить селекторы?

    Для доступа к определённому элементу можно использовать конструкцию: layer1 div > p + span a:hover или же лучше присвоить класс? Понятно, что последнее почти всегда проще... Но порой так неохота плодить однотипные классы... Вот и возникает вопрос использование различных селекторов (или большая их вложенность) в одном правиле - большое зло? Сильно влияют на быстродйствие и т.п.?

    Asked by Nanto,

    0 votes
    6 answers

  9. ссылка на тексте

    <div style="position:relative; width:200px; height:200px"> <p style="position:absolute; width:100px; height:50px; margin:0; border:1px solid black">ТЕКСТ</p> <a style="position:absolute; width:100px; height:50px;" href="#"></a> </div> два блока,один над другим в ИЕ9 сылки нет над областью текста.

    Asked by jurassik,

    0 votes
    11 answers

  10. Доктайп с пробелами или нет?

    Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?

    Asked by morosit,

    0 votes
    4 answers

  11. Div и Table

    Можно ли вставить блок в ячейку таблицы так, чтобы их границы (бордеры) совпали? Т.е. надо сделать таблицу, в первой строке которой нет верхнего бордера, зато он есть у одной ячейки этой строки, причём с border-radius. Через таблицы закругление углов не особо реально (не подсовывать же png с закруглённым бордером бэкграундом ячейки...), а вот убрать у ячейки бордеры и запихнуть в неё div с бордером... Но -1px смещения на толщину бордеров остально таблицы... Варианты?

    Asked by Nanto,

    0 votes
    12 answers

  12. Фоновая музыка

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

    Asked by Mahay,

    0 votes
    0 answers

  13. Помогите поправить код

    Здравствуй форумчане. Помогите пожалуйста советом. Обратите внимание на колонку «Подписка на обновления» - samoe-samaya.(ru) Как сделать отступ между рсс и твитер, между твитер и подпиской по емайлу? И как выровнять записи «RSS Канал» и «Твиттер» посередине иконки? Что бы ни тратить ваше драгоценное время вот код: <table border="0" cellpadding="8" cellspacing="8" width="100%" align="center"> <tr> <td><a href="http://feeds.feedburner.com/samoe-samaya/DkdP" title="Подписаться на блог через RSS" target="_blank"><img src="http://samoe-samaya.ru/wp-content/images/rss.gif" width="48"></a></td> <td><span style="color:#ff9933; …

    Asked by seer333,

    0 votes
    8 answers

  14. проблема вставки виджетов социальных сетей

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

    Asked by TrueSaint,

    0 votes
    0 answers

  15. отображение информеров в IE

    Привет! Сделали сайт http://www.great-dream.org/ вот только по кроссбраузерности не шарю. Особенно настараживает IE, в нём все информеры отображаются некорректно: шрифты больше обычного и картинки отображаются как вертикальные полоски и с обводкой. Для решения проблемы обратились к другому программисту, а он сказал буквально: "В интернет-эксплорере рисунки на главной странице смотрятся полосками, потому что старая версия. В консорциуме w3c (где разрабатывают HTML и определяют стандарты), браузер IE6,7 считаются устаревшими и не поддерживают эти параметры. Альтернатива не срабатывает, т.к. определён другой DOC TYPE, если его изменить, произойдут другие изменения на страни…

    Asked by TrueSaint,

    0 votes
    1 answer

  16. Немного запутался в HTML5

    1 - когда использовать <section>? так чтоли? <section> <header> </header> </section> <section> <article> </article> </section> и т.д.? 2 - сколько можно использовать тег <nav>? И как его использовать? У меня есть меню в шапке горизонтальное и меню в сайтбаре вертикальное. Мне и то и то выделить тегом <nav>? 3 - во что обрамлять ссылки? <ul><li></li></ul>? Или чтото другое? 4 - у меня в статье будут сноски, типо доп. информация. Во что мне её обрамлять? в <aside>? Или в <section>? Пока вроде всё. Заранее спасибо.

    Asked by bayanruby2,

    0 votes
    28 answers

  17. Защита index.html

    Всем привет! Подскажите, пожалуйста, можно ли защитить свои страницы от копирования кода? Создавая страницы, с огорчением, нахожу их у конкурентов.. Даже картинки один в один .. несерьезно, ведь посетители не знают кто у кого что копирует и подрывается авторитет Спасибо :rolleyes:

    Asked by businka,

    0 votes
    7 answers

  18. теоретический вопрос о blockquote

    Добрый день, приветствую! Делаю макет сайта в правой колонке которого будет блок с отображением последних 5 комментариев. Как семантически верно их оформить - через article или div ? <blockquote cite="#"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <footer><a href="#">Автор</a> <a class="read_next" href="#">далее</a></footer> </blockquote> Вопрос номер два, дополнительный - можно ссылки в блоке расположить одну у левого края а другую у правого ? я сейчас вот так делаю: a.read_next {positio…

    Asked by lessless,

    0 votes
    2 answers

  19. Ссылки.

    Добрый вечер! Имеется: 3 ссылки, над каждой ссылкой картинка. Что нужно сделать: Допустим, первая ссылка «Деревянные дома» над ней картинка дома. Вторая ссылка «Бани» над ней картинка бани. и 3 ссылка «беседки» над ссылкой картинка беседки. Вот что теперь нужно сделать: Когда мы находимся в разделе сайта «Бани», то, фон ссылки становится другим по отношению к тем двум ссылкам, а картинки над теми двумя ссылками становятся размытыми. Как с помощью css/html такое сделать — если нельзя, то скажите, как с помощью JS сделать. Пример прикладываю:

    Asked by Sedacove,

    0 votes
    2 answers

  20. .Alert

    Сделал у себя форму обратной связи... В java прописал функцию для ввода информации, которая реагирует на правильность ввода, и привязал к false. Т.е если не верное значение выскакивает alert с информацией о том что не введен такой та пункт. Глянул я на это дело.... А модальное окно не вписывается в мой диз сайта. И тут возник вопрос, как поменять внешний вид alert. Погуглил , не нашел подобной информации...

    Asked by penchukov,

    0 votes
    10 answers

  21. Слетает позиционирование в IE

    Привет всем!! Есть сайт diodscreens. Слетает позиционирование элементов в IE (я не силен в терминологии, извиняйте), такое ощущение что все выровнялось по левому краю. В остальных браузерах все ровно. Помогите решить эту проблему.

    Asked by cartoonsmaker,

    0 votes
    4 answers

  22. резиновый сайт

    Доброго времени суток. Народ, на любом сайте сейчас, ну конечно кроме всяких там Contra.ucoz.ru при нажатии клавиши "Ctrl" и прокрутке на колесике, сайт уменьшается в размерах. Как реализовать такое действие? А то у меня фон смещаться начинает куда-то.. На всех image стоит widtg="***%" тут все понятно. почему они не уменьшаются, но, если убираю, то картинки начинают вылезать куда-то, не такие какие мне надо. если указывать в px, то тогда на разных разрешениях он будет разный...что делать?

    Asked by Gotafak,

    0 votes
    0 answers

  23. Пути к вайлам:

    Всем доброго времени суток. Всегда указывал путь к файлу ..\***\***\***.png но столкнулся с такой проблемой. неужели, новая Opera не распознает такие пути? неужели она не распознает путь "назад" значком ".."?

    Asked by Gotafak,

    0 votes
    2 answers

  24. повторение фона в IE 7

    Добрый День. Сайт ask-grupp.ru во всех показывает браузерах нормально , кроме 7 IE . Повторяет фон в право , хотя указана ширина таблицы. .main {margin: 0 auto; background-image: url(/images/site/bground.jpg); width: 1620px; height: 100%; border-collapse: collapse;} Помогите , уже везде перелазил.

    Asked by butters,

    0 votes
    6 answers

  25. Notepad++

    помогите пожалуйста.в Notepad++ перевел кодировку на utf-8 без BOM,но когда пишу русскими буквами появляются какие то непонятные символы.как исправить эту проблему?

    Asked by vanzz,

    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