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. Баг сафари ?

    Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?

    Asked by lolka84,

    0 votes
    6 answers

  2. Резиновая вёрстка: Шапка в пикселях, контент высотой 100% и футер тоже в пикселях

    Хочу сделать макет с фиксированной шапкой, 100% контентом и фикс. футером и чтобы всё вмещалось на страницу без прокрутки (если мало контента), но прокрутка всё же немного появляется. В чём может быть дело друзья? Заранее спасибо! =) Ссылка HTML CSS

    Asked by CrazyFrog,

    0 votes
    6 answers

  3. <div>

    Какие значения для <div> необходимо задать, чтобы он вытягивался по отношению его содержимого.

    Asked by penchukov,

    0 votes
    6 answers

  4. Галерея на JS + выравнивание по центру

    Есть сайт на Drupal 7, в нём модуль Views Slideshow выводит при помощи jQuery Cycle Plugin галерею с меняющимися изображениями (пример можно увидеть по ссылке). Проблема в том, что у меня не получается выровнять эту галерею по центру (по горизонтали). Например, при использовании display: block; margin: 0 auto; галерея выровнена по центру (сразу после открытия страницы), но, буквально через секунду (когда страница сайта загружается полностью) галерея прилипает к левому краю :-(. Как это исправить? Я также пробовал различные способы с указанием процентной записи отступов слева-справа, но они работают некорректно из-за различной ширины изображений в галерее. UPD. РЕШЕНИЕ…

    Asked by vkapas,

    0 votes
    6 answers

  5. Визуальный HTML редактор шаблона

    Я когда менял в визуальном HTML редакторе название на главной странице, после того как там сохранил. В редакторе шаблоне когда хотел сохранить, потребувалось чтоб внести $POWERED_BY$ а когда я внес ето и сохранил у меня сайт стал как редактор.. даже контейнер с разными категориями с правой стороны,пропал... что мне делать? Как мне всё вернуть обратно в нормально положение?

    Asked by lewuk,

    0 votes
    6 answers

  6. Border - отделение пунктов меню

    День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…

    Asked by konda,

    0 votes
    6 answers

  7. Увидел одно интересное меню

    Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"

    Asked by OlegLont,

    0 votes
    6 answers

  8. длинное слово распирает блок

    <html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...

    Asked by bot87,

    0 votes
    6 answers

  9. Нумерованный список с рисунками в качестве маркера

    Здравствуйте! В общем, помню, видел в каком-то шаблоне такой хит: нумерованному списку задаешь класс, к примеру какой-то "num_list", и вместо цифр шрифтом отображаются цифры картинками... Для маркированного списка без проблем сделать маркер картинкой, а для нумерованного, чтобы 1-му элементу списка соответствовал рисунок с изображением единички, 2-2, 3-3 и т.д. Или такое невозможно и я все это придумал? Если кто-нибудь знает, подскажите, пожалуйста. Спасибо!

    Asked by Vedrys,

    0 votes
    6 answers

  10. Верстка дивами или с помощью таблиц

    Добрый день! Прочитал много статей по теме, во многих написано что если верстка дивами страница грузится гораздо быстрее.Конечно это весомый аргумент . Но хотелось бы еще узнать и ваше мнение , я знаю здесь очень много профессионалов, мне например нравится верстка с помощью таблиц, но я умею также использовать и "диви", на моем сайте есть и диви и таблици,

    Asked by mylogin,

    0 votes
    6 answers

  11. table, td в css

    Здравствуйте. Есть у нас такой кусок кода(см. изображение) и в нем два тега td без класса, но со своим стилем, можно ли изменить стиль выделенного на изображении <td bgcolor="#ffffff" colspan="2"> в css без добавления класса? Вопрос такой назрел потому что доступа к html у меня нет. например: таблица класс такой то, td номер такой то или какими другими способами

    Asked by romariorus,

    0 votes
    6 answers

  12. Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку

    Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).

    Asked by Squidward,

    0 votes
    6 answers

  13. "Резиновая" картинка во весь экран как фон и позиционирование элементов

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

    Asked by lolka84,

    0 votes
    6 answers

  14. Копирайты

    В общем, копирайты я с помощью позицианирования поставил внизу, но когда начинаю позиционировать сайт(уменьшать), то копирайты отрываются от низа. что делать? p.s. И ещё, есть меню, сделал таблицей. Оно в верху сайта, строкой.(на самом верху). Прописал width: 100%;. меню растянулось, но остались зазоры, (по бокам, и сверху.) как исправить?

    Asked by Melki21,

    0 votes
    6 answers

  15. не работает padding auto

    Почему не работает 'падинг авто' в диве, если используется 'display: table-cell;' надо в диве расположить 4 дива, один блок на всю ширину и три блока под ним в ряд, в каждом блоке изображение и ссыль/текст, изображение надо выровнять по центру блока, а ссыль по левому краю картинки, свертал http://mz.wen.su/0/0a.html но почему то в нижнем ряде блоков не работает 'падинг авто', код стр в поле ввода, что сделано не так?

    Asked by m~r.Nemo,

    0 votes
    6 answers

  16. В чем ошибка?

    <div style='width:10px;height:14px;display:inline-block;background:url("начало.jpg") center center no-repeat;'></div><div style='display:inline-block;background:url("повторяющаяся-картинка.jpg") center center repeat-x;'>Резинааааааа</div><div style='width:10px;height:14px;display:inline-block;background:url("конец.jpg") center center no-repeat;'></div> вот так делаю получается норм но если начинаю вводить текст средняя картинка едет вниз...

    Asked by dimaua2,

    0 votes
    6 answers

  17. img выезжает из div!

    Помогите пожалуйста решить такую проблему верстки: Скрин проблемы.... Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(. вот код html: ... <div id="ads_carrier"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a> </div> ... и CSS: ... #ads_carrier{ position: relative; width: 100%; cle…

    Asked by tarkinsky,

    0 votes
    6 answers

  18. помогите с selected

    Здравствуйте, я новичек в верстке. У меня не получается что бы ,если страница открыта ,то пункт меню стал выделенным (selected) сначала работало ,но потом я что-то изменил и перестало работать. Еще не подскажете как выровнять меню по центру? Заранее благодарен! <!DOCTYPE html> <html> <head> <title>HTML</title> <meta name="keywords" content="HTML, META, метатег, тег, поисковая система"> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> body { margin: 0; } header { display: block; /* Для ста…

    Asked by MaSoGg,

    0 votes
    6 answers

  19. Проблемы с высотой в 100%

    Здравствуйте! Задана высота контента в 100%, но почему-то контент обрезается... Когда выставляю 2000px - работает нормально. Вот сайт: http://persikmops-ru.1gb.ru/ru/show-results?layout=blog вот код css: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*…

    Asked by Zeeeya,

    0 votes
    6 answers

  20. Проблема с шириной span без float

    Добрый вечер. Помогите мне пожалуйста с этой проблемой.

    Asked by Arinden,

    0 votes
    6 answers

  21. Десктоптое решение для тестирования веб-страниц

    Всем привет, у меня вопрос - существует ли бесплатное десктопное решение для тестирования и эмуляции вида веб-страниц в различных браузерах - Opera, Safari, Chrome, Firefox, IE. Что-то вроде IE Tester, но для других браузеров. Ищу третий день - не могу найти. P.S. Сервисы которые отдают скриншоты сайта не предлагать)

    Asked by totemband,

    0 votes
    6 answers

  22. Золотая середина ограничения ширины для резинок

    Здравствуйте. Какое ограничение по ширине для резиновых сайтов принято считать оптимальным? Или лучше делать вообще без ограничения?

    Asked by Squidward,

    0 votes
    6 answers

  23. наследование свойств css

    Доброго времени суток всем! У меня такой вопрос, возможно его было бы правильнее задать в теме HTML, но все же. Как наследуются свойства тэгов (селекоров) в css? Например у меня такой код html: <html> <head> <title>Any's</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <a href="http://google.ru"> <h1>Моя таблица стилей </h1> </a><br> <h2>Текст 2</h2><br> <h1 class="any">Это ссылка на что то .ру</h1> </body> </html> и если в css прописать для класса any отдельные свойства, отличные от свойств селектора h1, то те св-ва которые н…

    Asked by en5er,

    0 votes
    6 answers

  24. проблема с тегом audio

    Вставляю <audio src="kva.mp3" controls></audio> в блокноте. Изображение плэера появляется, а звука нет. В чём причина?

    Asked by Рябинка,

    0 votes
    6 answers

  25. Скругление углов (прозрачность под тенью)

    Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…

    Asked by master_alf,

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