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. Таблица со скроллбаром

    Здравствуйте! Нужно сверстать такую таблицу со скроллбаром. Пока не получается ограничить высоту содержимого, чтобы получилась прокрутка. HTML: <section class="prop_2"> <h3>Вес и количество:</h3> <div class="sectionInner2"> <div class="sectionInner"> <div class="detailsProp"> <div class="detailsPropHeader"> <div class="detailsPropRow"> <div class="detailsPropCell">Размер</div> <div class="detailsPropCell">Цена</div> <div class="detailsPropCell">Количество</div> </div><!--/.detailsPropRow…

    Asked by Светлана Гр.,

    0 votes
    3 answers

  2. не могу задать высоту для ячейки таблицы

    привет как поправить код. Чтобы из рисунка 1 получить рисунок 2. <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>Титул</title> </head> <body> <div style=' border:1px solid red; display:table; padding: 10px'> <div style=' border:1px solid black; display:table-cell; padding:10px'> <div style=' border:1px solid blue; display:table; padding: 10px;'> <form > <fieldset> <label for='name' style=' border:1px solid red; display:table-cell; vertical-align:middle; width: 100px;'> …

    Asked by ilnurgi,

    0 votes
    1 answer

  3. выпадающее меню

    Добрый день, я новичок в этом деле и не знаю где что сделать суть вопроса такова, мне надо сделать выпадающее меню на сайте, вот демо сайт и демо админка где мне надо сделать http://www.yoom.ru/templates/view/4/ хотелось бы, что бы верхнее меню работало также как в админке (то есть выпадало бы) подскажите в каком месте надо что вставить какой текст CMS вроде не сложная но в меру моих знаний, у меня не получается сделать то что хочется, на данный момент у меня получилось сделать подменю, но совсем не то что надо http://pl-mode.ru/product/leto/ был бы очень благодарен за помощ

    Asked by plat75,

    0 votes
    0 answers

  4. ТИЦ упал. Что делать.

    Господа. Был ТИЦ 10. И я продолжал ракручивать сайт покупал ссылки, регистрировался в форумах и т.д. Думал, надеялся скоро ТИЦ стане 20 и более И тут открываю сайт ТИЦ меньше 10. Что случилось? Выкинули из Яндекса? Как узнать что делать?

    Asked by mihai,

    0 votes
    9 answers

  5. Картинки после текста

    Ребята помогите, не могу сообразить! Есть страница http://video.seodacha.ru/cat/videokamery-ulichnye/innovi-z10 На этих страницах может быть неограниченное количество картинок. Вопрос в том, чтобы сделать так, чтобы текст не прилегал к картинке, а начинался ровно после горизонтальной линии картинок.

    Asked by smirn0ff,

    0 votes
    2 answers

  6. Смещение текста в <button> при клике. IE, Opera.

    Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь…

    Asked by DjTarik,

    0 votes
    0 answers

  7. Меняющейся фон

    Есть сайт-визитка (уже наверное надоел ), в качестве фона фотография. Как сделать, чтобы фон при каждом обновлении (посещении сайта) менялся?

    Asked by Clubberry,

    0 votes
    29 answers

  8. относительная ссылка неработает

    Изза чего может неработать относительная ссылка на внешние директории?

    Asked by pudge,

    0 votes
    16 answers

  9. Блок с аудиоплеером невидим

    Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присво…

    Asked by Lionel,

    0 votes
    1 answer

  10. Проблема с позициями

    Здравствуйте. Помогите, пожалуйста, с позиционированием. У меня есть 10 блоков DIV. Я с помощью CSS задал значение обводки, при наведении. Но как только я навожу курсор на блок, остальные блоки, стоящие рядом сдвигаются. Что делать? Мне хотелось бы как-то закрепить остальные блоки, и закрепить положение изображения с эффектом, чтоб обводка шла по краям изображения, а не сдвигала его.

    Asked by avdo_xd,

    0 votes
    1 answer

  11. Необычная верстка

    Здравствуйте, есть задача сверстать макет с изображениями, похожий на http://www.pixoto.com/. Не знаю, с какой стороны к этому всему подойти. Есть какие-то мысли как сделать такую штуку?

    Asked by red_komrad,

    0 votes
    5 answers

  12. Всплывающий текст

    Добрый день, в общем делаю такую фишку, Шапка сайта будет состоять из картинок (банеров), при наведении на которые должен появляться текст, всё бы хорошо, но текст появляется правее картинки, следовательно все банеры не помещаются, помогите подправить css #header #banner width: 730px;height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #header #banner:hover{line-height: 133px; color: #575858; } #header …

    Asked by McLotos,

    0 votes
    7 answers

  13. Лапочка

    Самый странный или интригующий сайт который вы видели.

    Asked by St.Jimmy,

    0 votes
    2 answers

  14. position: fixed;

    Добрый день, необходимо сделать меню, которое плавает вдоль левого края контейнера, все бы ничего, но сайт адаптивный и когда окно браузера становится меньше основной ширины контейнера - с этим справляются @media, а как сделать чтобы позиция отсчитывалась от центра страницы или от контейнера, чтобы при больших и разных экранах меню оставалось на своем месте, возле контейнера? Буду благодарен за любую информацию. Нашел решение при помощи calc(); но, судя по заявленным данным о поддержке браузерами - не так много поддерживают эту функцию, может есть более правильное решение?

    Asked by wicked_kiD,

    0 votes
    7 answers

  15. Выравнивание по максимальной высоте

    Добрый день всем. Мучаюсь над выравниванием блоков по высоте. есть такая штука: http://jsfiddle.net/kBgRH/ Надо выровнять эти 3 колонки. Добился какого-то результата по выравниванию в хроме, но в IE9 фон тянуться не хочет... .region-bg использую по причине, что вместо цвета будет background-картинка. Существующие решения не катят из-за: 1) произвольное число колонок (там еще и строк будет несколько) 2) border-radius Есть предложения сделать это без JS? P.S. заранеее спасибо P.P.S. прикольный глюк, кстати. Если убрать top:0 у .region-bg, то он прижмется к низу, если убрать bottom:0, то он прижмется кверху. это нормально. но вместе в IE9 они обрабатываются довольно странно.…

    Asked by MiReQ,

    0 votes
    12 answers

  16. Как задать шрифт для таблицы в целом

    Здравствуйте, друзья! Подскажите пожалуйста чайнику: можно ли без CSS и прочих сложностей изменять шрифт таблицы в целом, чтобы не было необходимости задавать шрифты в каждом теге <td>. Заранее благодарю за ответ.

    Asked by vds,

    0 votes
    4 answers

  17. Как сверстать

    Подскажите как сверстать такое: <div class="outer"> <div class="inner">Текст1</div> <div class="inner">Текст2</div> <div class="inner">Текст3</div> </div> блоки inner должны быть по ширине окна браузера в одну строку, соответственно outer = 3 окнам. Текст внутри inner должен быть по центру по вертикали и горизонтали. Что-то не получается никак.

    Asked by kindgray,

    0 votes
    5 answers

  18. Верстка адаптивного слайдера

    Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…

    Asked by SuperJerk,

    0 votes
    2 answers

  19. Несмотря на выставленный charset проблема с кодировкой

    В коде страницы: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> При этом вместо русского текста крякозябры. Вот здесь: http://mysfamily.com/rus/gallery_black1.html Что за беда?

    Asked by adelante,

    0 votes
    11 answers

  20. Помогите с некоторыми элементами шапки сайта

    Уважаемые форумчане, помогите советом.Как правильно реализовать выделенные элементы шапки сайта

    Asked by DenChik,

    0 votes
    5 answers

  21. Почему нельзя копировать содержимое с jsFiddle в опере?

    Собственно почему?Вот обычный код http://jsfiddle.net/3Lw38/1/ ,почему я выделяю нужные участки кода нормально но немогу копировать их?Не контрлЦ не ПКМ по выделеному.

    Asked by pudge,

    0 votes
    2 answers

  22. ISPManager

    Кидаю все фаилы сайта на ISPManager, точнее в менеджер фаилов. В строке доменные имена ясное дело указываю название сайта. Перехожу по ссылке на сайт и ничего. Чито делать? Может я что-нибудь пропустил?

    Asked by St.Jimmy,

    0 votes
    2 answers

  23. fuelux - как его зацепить?

    Не совсем проблема верстки конечно, но все же. Пробовал кто нибудь http://exacttarget.github.com/fuelux/ ? Меня собственно интересует только дерево http://exacttarget.github.com/fuelux/#tree Вот можно ли как то его (только дерево), подцепить к существующему сайту с бутстрапом. По идее вроде ничего сложного, берем tree.js и просто добавляем. Но у меня не выходит. Постоянно ошибку выдает. На самом fuelux цепляется все через requirejs, underscore еще впихнули. Пробовал различные махинации, но не хочет. requirejs.config({ paths: { 'jquery': 'lib/jquery', 'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min', 'bootstrap': 'lib/bootstrap/js'…

    Asked by npofopr,

    0 votes
    2 answers

  24. Меню на разных разрешениях

    Меня на разных разрешениях "правильно" сходит. Может можно как-то по-другому сверстать? Чтобы разрешение не влияло. Использовать JS нельзя... http://mc-diamond.ru

    Asked by Evgen8,

    0 votes
    2 answers

  25. Как сделать что бы динамический блок не смещал все последующие елементы на сайте?

    Вот в чем проблема,в шапке сайта хочу разместить вот такой блок для смены языка http://jsfiddle.net/3Lw38/1/ .Все вроде как нормально но это до тех пор пока на этот блок не навести курсор,как видите выдвигается спойлер который смещяет все елементы сайта вниз.Как сделать так что бы при наведении курсора все стояло на местах и никуда не двигалось?

    Asked by pudge,

    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