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. Проблема кодировки русского шрифта

    Привет форумчане... Не сможет ли кто мне помочь, вот с чем : в данном мной ниже коде, при его открывании из файла .htm не показываются русский шрифт, а полная белиберда. <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>%%TITLE%%</title> </head> <body bgcolor="#E5E5E5" style="font-family:Times New Roman; font-size: 10pt"> <div align="center"> <center> <table border="1" width="700" cellspacing="0" c…

    Asked by andrefr,

    0 votes
    4 answers

  2. Объясните разницу в scaffolding bootstrap

    Здравствуйте. Начал заниматься версткой своей поделки на django. С html, css знаком. Вот начал читать документацию bootstrap. Прочитал http://twitter.github.com/bootstrap/scaffolding.html про scafollding, попробовал. не понимаю в чем разница структур: ——————— <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <body> <div class="container"> ... </div> </body> Объясните ,пожалуйста, разницу? в каких случаях удобнее при…

    Asked by viz9,

    0 votes
    2 answers

  3. Не работает код

    Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=block…

    Asked by skvaer09,

    0 votes
    12 answers

  4. Размеры сайта

    На сайте, когда окно браузера, открыто на всю, все работает вроде норм. Только размер окна изменяется, сайт сразу едет. В чем, может быть, причина? Сам сайт: http://www.tim-profi.ru/

    Asked by werwen,

    0 votes
    2 answers

  5. background собрать из двух картинок

    Есть вот такой вариант! _http://imageshack.us/photo/my-images/5/20122012174003.png/ Как сделать её продолжить до конца <h3 class="maintitle"> <a title="A Test Category" href="">A Test Category</a> </h3> .maintitle { background:url(/maintitle.png) no-repeat; padding: 10px 10px 31px; font-size: 150%; font-weight: normal; color: #5B6D77; line-height: 1.8; font-family: Georgia,"Times New Roman",Times,serif; } Думаю что надо подключить к этому background ещё одну картинку для предложения с повторением, вот только как это сделать я не знаю.

    Asked by angelShlesser,

    0 votes
    7 answers

  6. Joomla2.5 и JComments

    Решил немного освоить Джумлу и столкнулся с небольшой проблемой. Возникла необходимость изменить местоположение ссылки "Добавить комментарий" компонента JComments То есть ссылка "Добавить комментарий" в документе должна идти перед заголовком и текстом. Перерыл весь компонент, но способа не нашел. Как можно решить эту задачу?

    Asked by bref,

    0 votes
    1 answer

  7. Проблема с оформлением тега <body> через внешний css

    Проблема с оформлением тега <body> через внешний css. Проблема заключается в том, что я имею html страницу с внешним css файлом, задавая какие либо свойства для <body> с ним ничего не происходит (но задавая свойства для других элементов таких как, к примеру, div все нормально). Внешний css файл: charset "windows-1251"; /* CSS Document */ body { background-color:#CF0; /*оливковый*/ } Html файл: <!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"> <link rel="stylesheet" href="index_files/style.c…

    Asked by Draken,

    0 votes
    2 answers

  8. Как выравнять расстояние между описаниями программ?

    Добрый вечер. На сайте внизу видно, что расстояние между программами не одинаковое: Пробовал применить такой стиль: .moduletable_displaynews > div > div > div { display:inline-block; } После этого абзацы описания программ, описываемые стилем .moduletable_displaynews>div>div>div>a>p, начинают раньше конца строки переноситься на новые строки: Как грамотно выравнять расстояние между строками описания программ?

    Asked by borus,

    0 votes
    5 answers

  9. Что за стрелки в CSS коде?

    li a.active > img {} li a:hover > img {} Не могу понять зачем нужны стрелки > и как они работают Подскажите плиз

    Asked by Racer021,

    0 votes
    2 answers

  10. Как грамотно прекратить отсечку изображений?

    Здравствуйте. На сайте внизу у самой последней программы обрезается нижний кончик изображения коробки программного продукта: Как правильно убрать отсечку изображения?

    Asked by borus,

    0 votes
    3 answers

  11. "границы сайта"

    Сайт состоит из div-блоков. По краям страницы (после div-колонок) - бэкграунд. На лэптопах/ПК все нормально. А вот планшет автоматически "отрезает" все что находится вне div-блоков. И получается некрасиво. Нужно каким то образом очертить границы сайта, чтобы бэкграунд частично считался "полезным". Самый простой способ - создать пустые div-ы по краям... Но я не уверен что это "профессионально". Может быть есть существуют "правильные, общепринятые" способы?

    Asked by deFISH,

    0 votes
    1 answer

  12. Не работает background-image для блока div

    Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content"&gt…

    Asked by Quadder,

    0 votes
    2 answers

  13. Текст ведет себя как банный лист

    Всем джамбо господа. Wordpress. Сайт. Кидаю изображение <img src='...' align='left' hspace='50'> но текст прям как я летом на пляже, все так же прилипает к изображению. Может есть альтернатива hspace? или я просто бибилов (не в обиду футболисту).

    Asked by CatInTheBread,

    0 votes
    5 answers

  14. Меню не выравнивается по ширине в FF

    всем привет! Уважаемое сообщество не раз подсказывало мне о различных тонкостях вёрстки на конкретных примерах и вот настал день обратится к коллективному сознательному опять! Есть главная страница сайта http://www.gruzoperevozki-pereezd.ru/ - во всех браузерах кроме Fire Fox верхнее горизонтальное меню смотрится нормально, но в FF это меню не дотягивается до края шапки всего 1 px. Как быть?

    Asked by Epileptoid,

    0 votes
    2 answers

  15. копирование кода в буфер

    выскажите пожалуйста ваше мнение относительно юзабилити сейчас на многих даже солидных сайтах популярно копирование в буфер при помощи ссылки. пример можно увидеть на этой страничке. отличие от ctrl+v в том, что приходится совершать лишнее действие(закрытие модального окна "ок"). я не понимаю чём удобство

    Asked by cyklop77,

    0 votes
    3 answers

  16. Аттрибут у <a>

    Добрый день! Преамбула: я использую твиттер бутстрап у себя на сайте. С помощью модального окошка я хочу организовать удаление элементов их списка. У каждого элемента есть свой id: 1. aaaaa 2. bbbbb 3. ccccc Сама форма выглядит вот таким образом: <div id="catDelModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="catDelModalLabel" aria-hidden="true"> <div class="modal-header"> <h3 id="catDelModalLabel">Удаление каталога</h3> </div> <form id="catDelModal" action="" method="post"> <div class="modal-body"> Вы действительно хотите удалить этот каталог? Действие не может быть отменено. </div> &lt…

    Asked by denisromanenko,

    0 votes
    2 answers

  17. Резинавая верстка

    Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или …

    Asked by stDragon,

    0 votes
    3 answers

  18. Чекбокс и скрипт

    Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов. В html прописал так: <span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span> сам скрипт: <script type="text/javascript"> function changeCheck(el) /* функция смены вида и значения чекбокса el - span контейнер дял обычного чекбокса input - чекбокс */ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) {el.style.backgroundPosi…

    Asked by Kuzyo,

    0 votes
    1 answer

  19. Слабонервным не смотреть

    Всем привет маялся я значится фигнейпрактиковался суть проблемки такова непоказывает заголовки и списки извеняюсь за ужасы в стилях сам уже запутался вот ссылка : http://jsfiddle.net/KcxB9/ FF показывает все нормально )) ну это жеж ПА с подсветкой разобрался убираем таблицу и все чикер-пикер Вот вопрос: апчему непоказывает списки и заголовки ? и чего он мне подсвечвает красным закрывающие теги вконце ?

    Asked by Bobikys,

    0 votes
    7 answers

  20. Выравнивание элементов

    Добрый день уважаемые программисты) На сайте uslugi34.ru в шапке есть икноки,и при уменьшении масштаба они уплывают... Как бы мне это исправить? Заранее спасибо)

    Asked by develsnik,

    0 votes
    2 answers

  21. Использование border-botom для ссылок

    Как вы относитесь к использованию border-bottom для ссылки вместо text-decoration: underline? Недавно открыл такую особенность, мне понравилось, но интересно услышать ваше мнение.

    Asked by Cryolite,

    0 votes
    7 answers

  22. Выравнивание пунктов меню (без li)

    Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li. http://karelin.tk Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет. Помогите решить проблему. Вот css: http://karelin.tk/css/default.css

    Asked by xSPiRiTx,

    0 votes
    7 answers

  23. Не помешала бы помощь.

    Возможно ли сделать мгновенное затемнение и если можно то как?

    Asked by Bitaller,

    0 votes
    1 answer

  24. Help! Не понимаю, почему текст вылезает вправо

    На одной странице тексты выводится нормально, на другой без переносов вылезают за правую границу Здесь норм: Главная Здесь вылезает вправо: Страница новости CSS один и тот же, шаблон тоже... Почему оно лезет вправо??? Перепробовал уже версии с white-space, word-wrap и добавлял float контенту...

    Asked by ershov.ilya,

    0 votes
    4 answers

  25. верстка для facebook like

    Проблема моделируется под maсos Safari кнопка блок от фэйсбука обрезанный: вокал.яскович.рф/news/32-stupeni-shkoly-energo-zvuka (наверху слева) даже не знаю что придумать -не могу найти ошибку в цсс причем в ff - отображает нормально цсс здесь http://вокал.яскович.рф/sites/all/themes/Obosmeysya/css/application.css?mf9h2w спасите!!! =)

    Asked by zeves095,

    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