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. Отладка спрайт кнопок

    Как правильней создать, хотел переделать картинки на спрайт и возник вопрос об их написании? <a href="javascript:void(0);" onclick="show_wm()" rel="nofollow"><img id="h1" class="south bor1" src="/" alt="" title="WebMoney" /></a> в основном видит такой вариант <ul id="navlist"> <li id="home"><a href="default.asp"></a></li> <li id="prev"><a href="css_intro.asp"></a></li> <li id="next"><a href="css_syntax.asp"></a></li> </ul> - какой лучше? Пробовал сделать такой вариант, у меня не получился: http://www.w3schools...rites_hover_nav Вопрос решён!

    Asked by lev99,

    0 votes
    0 answers

  2. iframe

    Здравствуйте. Такой вопрос. Можно ли в WP вывести в фрейм не всю страницу, а только часть? или скрыть некоторые блоки. Просто получается что подключаю страницу с каталогом, а там меню второе.. Очень мешается..

    Asked by Sneyk,

    0 votes
    0 answers

  3. не отображаются картинки в опере!

    SOS! помогите! везде сайт нормально показывается, а в опере почемуто картинки не показываются..отчего так может быть? причем правой кнопкой если нажать открыть изображение, то оно открывается..а так...ни одного - пусто.понятное дело что "показывать изображения" включено. а все..дошло...там столько раз изображения надо включать..

    Asked by planetaryi,

    0 votes
    0 answers

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

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

    Asked by vova.a99,

    0 votes
    0 answers

  5. Плеер jquery

    Имеется вот такой плеер http://jsfiddle.net/...active/YwfLf/7/ Мне нужно было разделить каждый трек в свой класс music, но сделав это перестали работать клавиши переключений треков(стрелочки вверх вниз), я знаю что можно сделать переключение методом отбора по id, но у меня нет знаний чтобы это реализовать, еле как сделал закрытие плеера..... прошу вас помоч

    Asked by radioactive,

    0 votes
    0 answers

  6. Одностраничьный сайт, небольшая проблема с навигацией

    Доброго времени суток! Столкнулся в плотную с тенденцией одностраничьных сайтов, почитал информацию стал верстать, принцип прост, движение по якорям, однако возникла одна проблема: Сайт состоит из фиксированного меню, и блоков, вся загвоздка в отображении прикрепленного меню если двигаюсь с верху в низ в одном месте закрепляется если с низу верх прохожусь по меню по другому фиксируется. Вот код: HTML код страницы index <!--Блок Навигация--> <?php include('block/rollmenu.php')?> <body> <!--Блок с галереей--> <?php include('block/block_galery.php')?> <!--Блок Продаваемая инфа--> <?php include('modules/block_info.php')?> <!--Бл…

    Asked by Arhidiablo,

    0 votes
    0 answers

  7. Настройка Web-storm

    Здравствуйте, Господа! Прошу помощи в настройке web-storm. Даже не знаю по каким словам можно искать эту вещь. Дело в том, что иногда, при редактировании CSS-кода, переносишь каретку при помощи мыши в другое место, начинаешь набирать текст, а каретка перескакивает в место последнего редактирования. Иногда это место оказывается в другом конце файла и приходиться опять все пролистать. Дико действует на нервы. Может кто сталкивался?

    Asked by jankovsky,

    0 votes
    0 answers

  8. Слетают стили у select'а

    Здравствуйте! Возникает проблема при работе с select'ом. Стиль select изменен с помощью скриптов. При генерации кода получается следующее: <select class="selectBox" name="PERSONAL_GENDER" style="display: none;"> <option value="">(неизвестно)</option> <option selected="SELECTED" value="M">Мужской</option> <option value="F">Женский</option> </select> <a class="selectBox selectBox-dropdown" style="width: 469px; display: inline-block; -moz-user-select: none;" title="" tabindex="0"> <span class="selectBox-label" style="width: 425px;">Мужской</span> <span class="selectBox-arrow"></span> </a> …

    Asked by Miss_Cherie,

    0 votes
    0 answers

  9. Как сделать вот такой рейтинг на сайте

    Всем привет Нужно сделать рейтинг на сайте со звездочками при оставлении отзыва внизу пользователь выбирает сколько звезд ему поставить... т.е. в начале они все серые, при наведении становятся красными только тот диапозон что выбран и при клике сохраняется (скрипт без подключения к системе...) – пример: menu.ru/places/show/place...

    Asked by Виталий Диблюк,

    0 votes
    0 answers

  10. Проблема с подчеркиванием у ссылок

    <div id="boss_category_tabs" class="maintabs"> <div id="categorytabbg"><a>ССЫЛКА</a></div> </div> Ссылки идут с border-bottom:1px dashed. У дива categorytabbg при наведении задан цвет бэкграунда, так же задан паддинг 5px. Хочу задать свойство для ссылки .selected Никак не пойму, как реализовать. Если паддинг и бэкграунд задавать не диву, а напрямую ссылке, то как быть с подчеркиванием? Оно опускается слишком низко у неактивных кнопок.

    Asked by IlyaR,

    0 votes
    0 answers

  11. Проблема css только в "Опере"

    Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt…

    Asked by rafaello9,

    0 votes
    0 answers

  12. transform:rotate кривое отображение текста

    Если применять transform:rotate, то текст в firefox (в опере чуть лучше) выходит кривой и нечитабельный. Можно это как-то исправить?

    Asked by apexis,

    0 votes
    0 answers

  13. Проблема кроссбраузерности формы поиска

    Сверстал форму поиска, хотел освоить технологию вставки кнопки-картинки в поле поиска (имитация вставки), во всех браузерах все выглядит нормально, а в chrome поле почему-то находится ниже по уровню, чем кнопка... Никак не могу найти решение... Вот, собственно, ссылка http://sibarit.pusku.com/ И еще, при ресайзе страницы кнопка скачет вниз туда-сюда, есть ли решение и этой проблемы?

    Asked by Sibarit,

    0 votes
    0 answers

  14. проблема с позиционированием в IE9

    спасибо сам разобрался , тему можно удалить.

    Asked by taloverov,

    0 votes
    0 answers

  15. ie10 - border-box и height: 100%

    Здравствуйте. У меня есть задача: Есть два блока, один наверху (высотой 35px) второй в низу, нижней должен занимать всю свободную область и при необходимости иметь полосу прокрутки. Я написал CSS .top { position: fixed; height: 35px; top: 0; left: 0; } .bottom { height: 100%; padding: 35px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .bottomContent { height: 100%; overfow: auto; } Везде работает кроме IE. IE делает блоку .bottomContent высоту такую же как и у .bottom У меня правда только IE10 на виртуалке стоит, но я думаю в остальных та же проблема. Подскажите пожалуйста решение, нужно …

    Asked by jangot,

    0 votes
    0 answers

  16. Обрезается backgroubnd

    Такая ситуация: html { height: 100%; } body { background: url(../images/bodybg.jpg) #fff; color: #000; font-family: "PT Sans", sans-serif; font-size: 16px; min-height: 100%; position: relative; } .wrapper { margin: 0 auto; position: relative; width: 960px; } В body блоки header, .bonus, .zakaz, .content и footer шириной на 100%. В некоторых из них свой backgraund. В эти блоки вставляется .wrapper, для фиксированного дизайна. При уменьшении размера окна происходит обрезание background блоков: header, .zakaz и footer (у блока .bonus и .content background как у боди). Вот наглядный скрин http://savepic.ru/4717814.jpg. Может кто сталкив…

    Asked by Gasherez,

    0 votes
    0 answers

  17. Надо сделать автообновление для скрипта обратного отсчета!

    k

    Asked by Анакин,

    0 votes
    0 answers

  18. Не растягивается родительский блок

    Добрый день. Помогите решить следующую проблему: имеется резиновый шаблон (3 колонки), когда в среднюю колонку помещаю блок который шире её, шаблон не тянется, а этот блок просто выходит за пределы родительского. Как сделать чтобы родительский блок растягивался? Вариант задать min-width не подходит, т.к. на разных страницах может быть разный контент, и он будет или вмещаться в текущую ширину родителя, или тянуть его. <!DOCTYPE html> <html> <head> <title>Layout 1</title> <meta content="text/html; charset=iso-8859-1" http-equiv="content-type"> <meta content="HAPedit 3.1" name="generator"> <style type="text/css"&…

    Asked by gangsta15,

    0 votes
    0 answers

  19. Страница авторизации!

    Здравствуйте!Нужна помощь начинающему!Моя задача-редактировать дизайн веб-интерфейса локальной программы.Начал со страницы авторизации!Уже многое получается, но не могу разобраться с одной вещью!Ресурс этой самой страницы авторизации Web Form (.aspx) в исходном варианте скомпрессированный т.е сжат(я так думаю) и редактированию практически не подлежит(для меня),поэтому я пересохраняю страницу из браузера в чистом html для удобства редактирования(в таком виде мне понятнее), но из-за этого нарушаются некоторые связи т.е после ввода логина и пароля, кнопка 'вход', которая должна перенаправлять на главную страницу интерфейса перестала работать(при нажатии ничего не происходит)…

    Asked by Makiaveli,

    0 votes
    0 answers

  20. Кнопка со звуком. Помогите!

    Мне надо чтобы по нажатию на кнопку издавался звук, сделать это при помощи CSS, много форумов облазел, но ничего не нашол. Заранее спасибо!

    Asked by Даниил Виттманн,

    0 votes
    0 answers

  21. Ссылки mailto :visited

    Добрый день. Подскажите пожалуйста, как ссылки mailto заставить реагировать на псевдокласс :visited? Т.е. если ссылка http - то при посещении, она окрашивается в определенный цвет, при посещении ссылки mailto - этого не происходит. Пытался прописать стиль в :visited - не реагирует. Помогите пожалуйста разобраться.

    Asked by nezhnayka,

    0 votes
    0 answers

  22. Создание Skype/VK -подобной архитектуры чата

    Задача: создать чат на сайте по типу Skype/VK. Проблема: не получается построить правильную структуру шаблона. Как прятать контент под шапку (частично решено) Как добавлять сообщения так, что бы они не уходили внизу под сайт, а добавлялись в видимую область. Как при это оставить возможность скрола, что бы можно было просмотреть весь список сообщений. http://codepen.io/RomanGorbatko/pen/lcprA - здесь я оставил прототип будущего приложения, на нем можно увидеть все описанные выше проблемы.

    Asked by RomanGorbatko,

    0 votes
    0 answers

  23. лимит плееров

    Добрый вечер. Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает http://omega24v.esy.es/ <div class="audio-player p1"> <h5><span>Darom Dabro</span> Darom Dabro </h2> <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio> </div> $('.audio-player2').mediaelementplayer({ alwaysShowControls: true, features: ['playpause','progress','volume'], audioVolume: 'horizontal', audioWidth: 660, audioHeigh…

    Asked by Omega24v,

    0 votes
    0 answers

  24. Помогите сконфигурировать Netbeans 7.3.1

    В принципе есть два вопроса по этой IDE, они не критичны, скорее это удобства ради. Кто, знает просьба отозваться. Пишу на Kohana, хочу настроить форматирование синтаксиса в соответствии с их стандартами. Все получилось, только строка <?php defined('SYSPATH') OR die('No direct script access.'); Разрывается на две строки <?php defined('SYSPATH') OR die('No direct script access.'); Никто не знает как это исправить? И второе, как настроить шаблоны, так, чтобы можно было получить не только имя файла ни и путь С оф. сайта Can you give me a list of all the predefined variables for templates, like ${user} and ${date}? ${date} inserts the current date, in this …

    Asked by ekkl,

    0 votes
    0 answers

  25. Элемент с абсолютным позиционированием блокирует ссылку

    У меня возникла проблема после переверстки шапки на сайте http://newzveriki.ucoz.com/ . Зеленая картинка-ссылка "зверики.com" перестала работать,но если убрать у #headCenter абсолютное позиционирование,все приходит в норму.Как вообще может чему-то мешать элемент,которого нет в потоке,и как это исправить?

    Asked by mcdude,

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