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. position:absolute прикрепить к положенному месту

    Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"&…

    Asked by z-0091,

    0 votes
    2 answers

  2. Подскажите по стилям для media print

    Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link med…

    Asked by MeTaN,

    0 votes
    2 answers

  3. Горизонтальное выравнивание div`ов относительно друг друга

    Верстаю вид материалов, сначала все шло гладко, но после добавления БГ под постер все пересра*ось Нужно, что бы стояло ровно, прошу помощи... Краткая новость <div class="news-block"> <div class="title_bg"><div class="news_title">[full-link]{title}[/full-link]</div> [not-group=5] <div class="edit_icon"> [edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit] </div> [/not-group] </div> <div class="news_bg"> [xfgiven_poster]<div class="poster_bg"><div class="poster"><img width="210px" src="[xfvalue_poster]" /></…

    Asked by fr1run,

    0 votes
    1 answer

  4. Пример с этого сайта разваливается

    Делаю сайт, макет сверстан по типу примера с вашего сайта http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki Добавляю в блок content новые блоки через float:left, что-бы создать новую строку с блоками соответственно <div style="clear:both"></div>, но остальные блоки выравниваются по высоте левой и правой колнки макета. Как можно решить данную проблему? Вот полный код: <!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=utf-8"> <title>Трехколоночный макет</title> <style type="text/css…

    Asked by ganers,

    0 votes
    4 answers

  5. сместить вниз пункты меню

    помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.

    Asked by cyklop77,

    0 votes
    6 answers

  6. С чего начать?

    Задумал создать сервис на подобии gradus.mobi, каких он требует вложений и с чего стоит начать?

    Asked by Doka_79,

    0 votes
    3 answers

  7. Табличные данные

    Пробую верстать табличные данные. Ссылка Как в целом? Можно ли было что-то сделать лучше, в плане кода?

    Asked by Rustick,

    0 votes
    1 answer

  8. java меню

    Вверху есть 3 цветные кнопки нужно чтобы при клике на любую из них открывался такой блок с номером.Соответственно к остальным 2м кнопкам другие номера. http://itmages.ru/image/view/235603/8dbc80cc

    Asked by Rambo2045,

    0 votes
    4 answers

  9. Не работает java

    Почему этот кусочек кода не работет? Не работает имеенно алерт при нажатии. В чём проблема?Я всё просмотрел не могу понять! Помогите! При перенесении этого событие к примеру на body всё работает, а тут нет. Почему?! <SELECT NAME='navSelect' class='select' id='sex'> <OPTION VALUE='1' onClick=\"alert('Ок')\">Нажми</OPTION> <OPTION VALUE='2'>Нажми вторая</OPTION> </SELECT>

    Asked by new01,

    0 votes
    9 answers

  10. Про width

    Есть два дива : div.header { width:70%; div.header { height:100px; min-width:400px; margin:30px 15% 0; background-color:grey; } div.header>div { border:1px solid; float:left; height:100%; padding-left: 10px; width:33%; } В div.header>div вложено ещё 3 дива, которые исполняют роль пунктов меню. Хочется, чтобы они занимали всю ширину div.header. Но в значение width: 33% не включены паддинги, и элементы выходят за свои пределы. Ещё стало заметно, что при паддинги добавляются засчет увеличения размера дива, а не засчет ущемления внутреннего пространства. Подскажите, как обойти это. Только обязательно должна сохраняться раздел…

    Asked by Aleksey751,

    0 votes
    8 answers

  11. Как сделать так, что бы таблица расширялась в ширину

    Здравствуйте Есть таблица, с заданной высотой и шириной. В таблице есть определенное динамическое наполнение. При переполнении, она расширяется в высоту, а нужно, что бы расширялась в ширину. Как такое можно сделать? P.S. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> P.P.S. Знаю, что можно сделать на span'ах (которые по умолчанию не растягиваются на 100% ширины), но вдруг и для таблиц есть вариант.

    Asked by Walk,

    0 votes
    1 answer

  12. как задать цвета ссылок вне css?

    Подскажите как задать цвета ссылок вне css,в самом html где синтаксически прописать это <a href="stranica.html">красная ссылка< /a>?

    Asked by planetaryi,

    0 votes
    2 answers

  13. Как поотянуть фон в центре

    Как такой фон можно потянуть по высоте, в центре вижу парент вроде как можно потянуть, но вопрос как?

    Asked by okunev2,

    0 votes
    26 answers

  14. background-image с отступом справа

    Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.

    Asked by Veseloff,

    0 votes
    3 answers

  15. Загрузка элементов страницы. Проблемы.

    Серьезно слежу за скоростью загрузки сайта, кешированием и т.п. Но по тестам загрузки стали появляться проблемы. Среди загружаемых файлов проскакивают ошибочные (посмотрите по ссылке). Либо этих фалов нет, либо есть ссылка на файлы которых нет. Практически на каждой станице сайта встречается такая проблема. Как правило это jpg картинки, которые имеют транслированные УЛР. Как избавиться от этой проблемы?

    Asked by LBM,

    0 votes
    7 answers

  16. float или inline-block

    Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.

    Asked by like2dev,

    0 votes
    2 answers

  17. Подскажите способ

    Подскажите, как лучше верстать такую карусель? Из вариант - это разбить на три блока ( левый(стрелочка) ; центральный(который меняется; правый(стрелочка). Или сделать все через позиционирование.

    Asked by like2dev,

    0 votes
    15 answers

  18. проблема с использованием max-width

    Суть вопроса в следующем... есть код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>max-width</title> <style type="text/css"> /*———————————--RESET———————————-*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; }…

    Asked by bonyany,

    0 votes
    5 answers

  19. Заблокирована навигация

    Здравствуйте! После установок кнопок счетчиков в футере темы появилась проблема с навигацией. Т.е., возникает какое-то "мертвое пространство" выше этого блока размером примерно 5 см, в котором навигация, кнопки, ссылки, переходы и пр. не работают. Отображаются, но блокированы. Вот, код блока: <div class="clear"></div> <div style="width: 495px; height: 187px; position: relative ; left: 50%; top: 50%; margin-left: -248px; margin-top: -150px;"> Здесь скрипты счетчиков </div> Изменяя значение в position, кстати, проблема с навигацией пропадает, но тогда ломается архитектура сайта. Перепробовал в этом смысле все. Так же, заметил, что навигация возобнов…

    Asked by Santorin,

    0 votes
    6 answers

  20. Проблемы с текстом

    вот сразу покажу в чем проблема. http://jsfiddle.net/rLpbn/80/ там где написано "ЦЕНТР" с помощью margin опущено вниз на 100пк, но при этом весь блок опустился, когда точно так же на левом блоке выглядит нормально, в чем проблема и как опустить текст, не опуская при этом блок. Падинг не исполью так, как надо чтобы весь текстовый блок опускался, позицирование тоже т.к. при этом блок ЦЕНТР не растягивается. Ксати когда вводить блоку ЦЕНТР бордер все норм становится.

    Asked by Hoax,

    0 votes
    10 answers

  21. ссылка на папку в локальной сети

    Здравствуйте есть папка в локальной сети - путь \\xxx\yyy\ возможно ли сделать ссылку, что бы при клике эта папка открывалась в проводнике?

    Asked by LeFF?,

    0 votes
    2 answers

  22. проблема с рамкой

    вот не знаю как решить проблему, вот собственно в чем проблема: (на задний фон не обращайте внимания, это так, тест) что для этого используется: (углы там естественно прозрачные) код html: код css: ответ как всегда бывает скорее всего простой, но что то не соображу и да, вариант с заливкой тех кусочков у топа и боттома не вариант, потому что задний фон может быть не однородным

    Asked by b1ot3kk,

    0 votes
    9 answers

  23. android интерфейс

    есть ли готовые решения веб интерфейсов в стиле андроида для удобной работы с тач экрана?

    Asked by Tmin10,

    0 votes
    3 answers

  24. Высота блока комментариев от Facebook

    Здравствуйте! Кто знает как убрать баг фейсбука, а именно этот отступ:

    Asked by dima777,

    0 votes
    5 answers

  25. Текст перечеркнутый линией

    Подскажите, есть у меня блок шириной 400px, в нем есть текст "Привет", как мне перечеркнуть текст линией в 1px, чтобы линия была под текстом. Спасибо.

    Asked by Bonzash,

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