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. Какой редактор текста лучше взять для своего блога?

    Пишу микро-CMS для своего блога, встал вопрос выбора редактора постов. Есть два варианта - либо как тут на форуме WYSIWYG-редактор, то есть сразу отображающий форматирование текста, либо вариант, когда plain-текст в редакторе, а при отображении по определённым правилам дополняется разметкой. Мне много форматирования не нужно, лишь самое базовое - ссылки, изображения, вставка кода, всякие жирные, курсивные начертания, зачёркивание/подчёркивание, списки, таблицы. Причём всё это нужно достаточно редко, в среднем на один пост у меня одна-две картинки и ссылки, и редко табличка или список. Так что я склоняюсь ко второму варианту с plain-текстом, потому что с ним набор текста в…

    Asked by thewizardplusplus,

    0 votes
    3 answers

  2. Ошибка CSS, на отдельных страницах

    Здраствуйте, уже второй день устонавливаю новый шаблон на Wordpress и ни как не могу решить одну проблему. Когда заходишь на главную http://lechim-uxo.ru/ (сайт), отоброжаеться все нормально, стоит войти в раздел или архив, появляеться ошибка, исчезает правый сайдбар и подвал. Проверил код вроде все нормально, ни как не могу найти причину, помогите......

    Asked by blogowed,

    0 votes
    4 answers

  3. Скрипт работает неправильно!

    Доброго времени суток! У меня такая проблема. На сайте есть 3 кнопки. (вот сам сайт: и-медиягрупп.рф) "заказать звонок", "заказать прайс-лист" и "принять участие в акции". Все 3 кнопки сделаны по одному принципу, и фактически используют один и тот же скрипт, просто с разными полями для заполнения, после чего он отсылает данные на почту заказчику. Проблема в том, что в кнопке "заказать прайс-лист" должно быть только одно поле, "ваш e-mail", и чтобы я не делал, там упорно остаются надписи "ваше имя и телефон" (если не сложно, гляньте по ссылочке, потому как я не знаю что сюда залить). Я правда не знаю как это дело победить... вот уже который день "удаляю" эти поля и добавл…

    Asked by mikhelevich,

    0 votes
    2 answers

  4. Съезжает блок внутри div c position:fixed

    Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <li><a href="#">О ПРОЕКТЕ</a></li> <li><a href="#">ПАРТНЕРАМ</a></li> <li><a href="#">ПОДДЕРЖКА</a></li> <li><a href="#">ЮРИДИЧЕСКАЯ ИНФОРМАЦИЯ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div> </div> </body&…

    Asked by imissyouso,

    0 votes
    10 answers

  5. fontsquirrel

    Добрый вечер. Есть такая страница: http://webmaster.ayrveda.ru/Made_in_Fashion/index.html Подключил нестандартный шрифт через fontsquirrel - но отображается(у меня) он только в браузере Safary!? http://webmaster.ayrveda.ru/font_safary.jpg В остальных браузерах отображается это дело вот так: http://webmaster.ayrveda.ru/font_mazilla.jpg Не знаю в чём причина. (возможно в путях.) В общем не пойму что упустил из виду? Перепробовал всё, что в голову пришло и вариантов у меня больше вроде не осталось! Буду благодарен, если кто поможет разобраться в данной проблеме. (Это очень срочный проект и времени просто нет!) Ссылка на сгенерированные шрифты здесь: https://disk.yandex.ua/pu…

    Asked by Yamaradg,

    0 votes
    6 answers

  6. Изменение свойств блока при hover'e на родителе

    Здравствуйте, есть такой несложный код - http://jsfiddle.net/cJ8MV/ Что нужно сделать, чтобы при наведении мышки на блок .one менялся фон у блока .three ?

    Asked by novickOk,

    0 votes
    1 answer

  7. Верстка без картинок на ccs3 - с каких версий браузеры понимают?

    Если верстать градиенты, тени и закругленные границы без картинок, а с помощью css3 - то какие версии браузеров будут их отображать нормально? Ослик 8 - не понимает же border-radius? Получается в нем все будет квадратным, а 9й осел вообще не поймет градиенты. Как же быть тогда? Верстальщики обычно не поддерживают 7, ну максимум 8 осел, но не 9й же вычеркивает из верстки... Или для него задаем свои стили с помощью условных комментариев отдельно? (но тогда вообще проще на картинках же сверстать для всех браузеров .. ) В общем с каких версий разных браузеров можно смело использовать css3, вместо картинок?

    Asked by Zverushka,

    0 votes
    15 answers

  8. Непонятки адаптивностью Bootstrap'а

    Решил поизучать этот известный фреймворк. Я в этом деле полный нуб, сразу скажу. Немного поэкспериментировал и... Если качать с их сайта архив со всем содержимым без всякой кастомизации, то в распоряжение тебе дается css файл, responsive css файл, скрипт bootstrap, пара спрайтов с иконками и.. Все. Еще надо jquery подкючить. Все подключил. Вроде на компе все работает: ширину меняешь - колонки перестраиваются. Но когда заходишь полюбоваться на свое творение с КПК - бац, и никакой адаптивностью не пахнет. Колонки вряд стоят, во все ширину, как на широкоформатном монике. А если на сайт бутстрапа полезть с кпк, то там все нормально. Вывод: что-то я не подключаю. Либо скрипт к…

    Asked by Bumblebee,

    0 votes
    5 answers

  9. Размер контента в Firefox.

    Добрый день столкнулся с проблемой размера контента в фаерфоксе. Скрин меню в фаерфоксе В остальных браузерах вот CSS код .mainmenu-block { background-color: #6EB9FF; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 185, 255, 1)), to(rgba(15, 109, 196, 1))); background-image: -webkit-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -moz-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -o-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); border-radius:5px; …

    Asked by Hol1killer,

    0 votes
    15 answers

  10. Обьекты по центру, резиновая верстка

    Как сделать чтобы содержимое DIV вложенного в div.topfooter всегда оставалось по центру в не зависимости от разрешения монитора? http://prodpak.ru/style/

    Asked by Delat,

    0 votes
    3 answers

  11. Навигация сайта

    Здравствуйте. Есть главное меню. Высота его 48px, залит он определенымм цветом. При наводе на пункт меню цвет фона ссылки меняется. Вопрос: как правильно заставить графический элемент отображаться с низу, после фона. Вот сайт:http://01020304.o0.pm/ (45px задал специально что бы было видно как урезается картинка )

    Asked by T001,

    0 votes
    4 answers

  12. Проблема с границами

    Всем доброго времени суток. Выполняя тестовое задание, столкнулся с проблемой. Сделал меню. В условия было указано, что надо использовать только css и html: http://jsfiddle.net/...ebee1993/WxdQp/ Проблема: Перегородка между элементом основного меню и раскрывающимся под ним списком должна отсутствовать. Выслушаю любые предложения. Заранее благодарен

    Asked by Bumblebee,

    0 votes
    24 answers

  13. Белое поле левее центрального блока

    Есть заготовка вёрстки, в центре меню, надо сделать так, чтобы левее этого блока была белая полоса до края экрана, а правее не было. Я попытался сделать это ещё одним блоком под центральным, но не могу сделать так, чтобы он был на фоне, а не перекрывал его. http://jsfiddle.net/Tmin10/jcyQ4/

    Asked by Tmin10,

    0 votes
    3 answers

  14. Замена картинок углов рамки на CSS3

    Нужен помощь, как изменить шаблон сайта. Есть уже подсказка как сделать синюю рамку http://jsfiddle.net/fzTva/ А как переделать остальные? Помогите ?

    Asked by lev99,

    0 votes
    2 answers

  15. Странное отображение

    Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.

    Asked by ZFJoury,

    0 votes
    6 answers

  16. Опять прибиваем подвал...

    Помогите, пожалуйста. Уже всё перепробовал. Ничего не помогает..или это у меня просто руки кривые. http://test-dion.p.ht/

    Asked by vova.a99,

    0 votes
    0 answers

  17. Горизонтальная прокрутка товаров и эффект при наведени

    Добрый день! Имеем горизонтальный блок товаров с прокруткой: Но при наведении необходимо добавлять в каждый товар какой то текст (его свойства), и этот блок должен показываться поверх прокрутки, полностью. Как это можно реализовать? Ведь если задать общему div: overflow-x: scroll; То div, на который мы навели, будет обрезан, либо увеличен размер внешнего тега div, что недопустимо, он должен быть всегда одной величины.

    Asked by Bryant-24,

    0 votes
    2 answers

  18. Списки и columns

    Заметил что в опере и хроме не отображаются порядковые номера в списке ol, начиная со второго столбца, не отображаются при использовании тега columns: auto 200px. В чем может быть проблема? Ссылка на проблему под спойлером "Программы Паркес 77" http://parkes.org.ua/trunk/parkes.php#files.

    Asked by apexis,

    0 votes
    2 answers

  19. блок выходит за ширину страницы

    блок в верхнем правом углу уходит при масштабировании за ширину страницы http://gogol63.ucoz.ru/ .нужна помощь

    Asked by gogol63,

    0 votes
    1 answer

  20. Включить режим совместимости только для ие7, как?

    Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7? И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)

    Asked by Zverushka,

    0 votes
    15 answers

  21. CheckBox: управление активностью формы

    Подскажите, пожалуйста, как сделать, чтобы при нажатии на checkbox, часть формы (текстовые поля) становились бы неактивными, а при снятии флажка становились бы вновь активными.

    Asked by weblab,

    0 votes
    1 answer

  22. Мигание загружаемых картинок

    Доброго времени суток! Столкнулся с проблемой мигания картинок. Суть в том, что у меня стоит инпут кнопки с селектором background:url(button1.png); и с селектором:hover background:url(button2.png);. Всё это установлено вместе с transition:all 0.3s ease;. Т.е. по сути кнопка медленно меняет свой внешний вид с button1.png на button2.png. Но проблема в том, что при наведении, перед тем как поменять внешний вид, картинка мигает (т.е. однократно исчезает на долю секунды и затем появляется button2.png, проигрываясь transition'ом). Никто не сталкивался с подобной проблемой? А то уж больно сильно напрягает это мигание. Думал может загрузчик подключить и проблема решиться, посовет…

    Asked by Нектос...,

    0 votes
    5 answers

  23. Навигация(горизонтальная)

    Как сделать что то наподобии этого?

    Asked by Zazqut,

    0 votes
    3 answers

  24. Ссылки в мобильном Сафари.

    При одиночном нажатии на ссылку в мобильнике ссылка просто выделяется но никуда не переходит. Даже не срабатывает $(".test").live("click", function(e){alert("aaa");}); Но все работает если нажать второй раз. Хотя остальные ссылки на этой же странице работают нормально. Может кто либо сталкивался с подобной проблемой? - Как это пофиксить? Ах да у ссылки атрибут target=" _blank".

    Asked by pro100set,

    0 votes
    5 answers

  25. Кроссбраузерный <select> без кастомизации + защита своего кода.

    Здравствуйте. Так вышло, что у меня одномоментно возникло 2 вопроса - но для каждого из них создавать отдельный пост я не увидел смысла.. 1) Меня заинтересовал следующий момент: Можно ли организовать кроссбраузерную реализацию тега <select> без помощи JS?? Имею ввиду не сам внешний вид - а именно размеры тега + вертикальное центрирование шрифта? Для примера есть такая страница: http://webmaster.ayr...ru-2/index.html В шапке есть 2 селекта и мне необходимо что бы размеры и вертикальное центрирование было одинаковым в следующих браузерах(в последних их версиях): Mazilla, Google Chrome, Safari, Opera, + IE-7,8,9,10!? Проблема в том, что в ie-7 cелект мне не удаётся вер…

    Asked by Yamaradg,

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