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. Эскизы в браузерах

    Добрый день. Подскажите пожалуйста как браузер выбирает эскизы со страниц. Например хром на закладке "сайты" или опера в экспресс-панели?

    Asked by Ururu,

    0 votes
    0 answers

  2. Вертикальное выравнивание css3

    В css3 есть способы выровнять элемент вертикально по центру без садомазохизма? Что-то типа vertical-align:middle, только более предсказуемое.

    Asked by apexis,

    0 votes
    2 answers

  3. Как правильно вставлять img

    Так что куда? Какие элементы вставлять через css, а какие через html? К примеру тоже лого. <header><a href="#"><img src="images/logo.png"></a></header>или <style>.logo { background: url(images/logo.png) no-repeat; width: 161px; height: 38px; float: left; }</style><header><a href="#" class="logo"></a></header>

    Asked by Animkim,

    0 votes
    3 answers

  4. Не могу поменять описание сайта

    Помогите у меня вот такая проблема не могу поменять и найти описание сайта,в коде страниц обыскал всё нет в ксс тоже нет в поиске яндекс зато всё находит и выводит описание как раз которое нужно поменять вот скрин http://i57.fastpic.ru/big/2013/1104/0a/e6ac0eadca3f12483b9c0bd1af5fc60a.png вот код html & css http://jsfiddle.net/SACsJ/ и сам сайт http://nezhnost-luh.ru

    Asked by denisok,

    0 votes
    1 answer

  5. Не работает input

    Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD

    Asked by Temik2704,

    0 votes
    4 answers

  6. Пляшет кнопка не смотря на border-box

    Не пойму что за фигня. Красная кнопка "купить" на сайте http://zverushka.zz.mu/chehol/ Обычное состояние padding: 1px 0 0 2px;. Наведенное - padding: 0; Стоит box-sizing: border-box, но когда на навожу на кнопку - все блоки пляшут. Не понимаю, почему. При этом похожую кнопку я реализовала и все ок было, а тут видимо закралась какая-то ошибка. Не могу понять, что за ошибка.

    Asked by Zverushka,

    0 votes
    2 answers

  7. Помогите чуть-чуть...

    Подскажите пожалуйста, как опустить радейку к логотипу... Это шаблон хедера phpBB3 Радейка расположена ближе к концу файла <div id="logodesc"> 13-я строка. <!-- ENDIF -->// ]]></script></head><body class="{S_CONTENT_DIRECTION}"><a name="top"></a><div id="wrapheader"> <div id="logodesc"> <embed src="http://www.hitfm.ua/static/radioplayernewemb.swf" quality="high" bgcolor="#ffffff" width="315" height="40" name="radioplayernewemb" align="middle" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> <table width="100%" cellspacing="0"> <…

    Asked by upriamui,

    0 votes
    2 answers

  8. Проблема со вставкой своего шрифта в CSS

    Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, др…

    Asked by iIntUser,

    0 votes
    3 answers

  9. Вопрос по внутренней оптимизации

    Хостинг на котором я арендую площадку предлагает сервис диагностики сайта Whois. Зашёл, сделал диагностику, и получил советы по оптимизации. А вот как их реализовать пока не знаю. Ну кеш браузера настрою, а с остальным что делать, Как сжать CSS и Java Script и как отдавать статический контент. Не подскажите? Для сжатия вроде бы есть сервисы. Изображения вот я сжимаю в Image Optimise. А как с кодом не знаю. Если щёлкнуть по знаку "Стоп" то открываются ссылки на файлы, пройдя по ним открываются сами файлы в блокноте и что с ними делать? Если можно подскажите.

    Asked by webded,

    0 votes
    17 answers

  10. Не понимаю как применить спрайт для фона

    День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/

    Asked by Temik2704,

    0 votes
    0 answers

  11. http://htmlbook.ru/practical/shagi

    http://htmlbook.ru/practical/shagi Вот что у меня получилось. http://cssdeck.com/labs/52ie1ldo Код слишком громоздкий но другого решения я не смог найти. 1)Скажите как сделать чтобы при наведении трансформируемый элемент, который я использовал как уголок тоже перекрашивался ?Также как сделать чтобы при наведении мышка не превращалась в курсор ? 2) Не понятно почему в шаге 1 при наведении на трансформируемый элемент он перекрашивается, а в других шагах такого не происходит ?

    Asked by rpmcmerphy,

    0 votes
    0 answers

  12. Фото с активными областями

    Доброго времени суток!Подскажите пожалуйста как посредством Html и CSS сделать фотку с активными элементами управления (на подобии как здесь http://www.grandmed.ru/ (там где нарисована девушка, а у нее в разных областях тела крести - нажимаешь на них - с боку всплавает меню)). Помогите реализовать идею: 1)Посредством тега <area> разбиваю изображение на области (создаю карту изображения). 2)Создаю <section> с ссылками. (каждая область section на свою область с карты изображения). Поумолчанию section с ссылками спрятана за экран посредством left: -9999px. 3)При нажатии на область карты изображения (событие onclick) выплывает соответствующее ей section с сылками…

    Asked by angelxalfa,

    0 votes
    3 answers

  13. Респонзив

    Подскажите пожалуйста, какие есть способы верстки респонзив сайтов? Не bootstrap. Может есть какие-то ресурсы на русском языке, где можно почитать. Спасибо

    Asked by Lyolik,

    0 votes
    1 answer

  14. Условные коментарии

    Подскажите плз почему IE8 и IE7 не подключает этот файл, который записан следующим образом: <!-- [if lte IE 8]> <link href="view/skin1/css_main_ie.css" rel="stylesheet" type="text/css" /><![endif]-->Если убрать символы комментариев и условия то файл подключается.

    Asked by Bizon4ik,

    0 votes
    6 answers

  15. Равномерное выравнивание блоков по ширине

    Подскажите, пожалуйста, почему у меня не работает text-align: justify примененный к inline-block. ссылка на код

    Asked by ows.nightwolf,

    0 votes
    3 answers

  16. http://htmlbook.ru/practical/blok-s-ukazatelem

    Вот мое решение. http://cssdeck.com/labs/obnbjejr Подскажите как сделать чтобы трансф элемент не перекрывал текст, не у меньшая при этом height и width

    Asked by rpmcmerphy,

    0 votes
    3 answers

  17. список в 2 столбца

    помогите пожалуйста решить проблему есть список в блоке определённой высоты. высота списка больше высоты блока, поэтому он отображается в 2 колонки у меня не получается сделать так чтобы сначала заполнялась пунктами списка первая колонка, затем вторая. выглядит это так устроит даже css3-решение. в крайнем случае - js

    Asked by cyklop77,

    0 votes
    2 answers

  18. Уползают блоки при сильном сужении окна

    Удалено. Удалите, пожалуйста, тему.

    Asked by Zverushka,

    0 votes
    0 answers

  19. ipad input border-radius 2px выглядит как 50%

    В общем 2 пиксель border-radius кнопка формы submit "заказать звонок" (желтая) в айпаде выглядит как круглая. ВТФ??? http://zverushka.zz.mu/climat2/

    Asked by Zverushka,

    0 votes
    2 answers

  20. Проблемы с overflow при обрезанной картинке

    http://jsfiddle.net/xJWre/18/ Может еще не проснулся, не знаю, но что-то не могу придумать/вспомнить как в максимум два вложения сделать одинаковые границы от каждого края. Картинка, конечно же, больше изначального блока и наша задача ее НЕ масштабировать, а немного отцентрировать и обвести границей которая отступает от краев картинки на пару пикселей. PS. Возник вариант на box-shadow, но это слишком просто и в ИЕ7 не покатит. PSs. И с outline также не предлагать

    Asked by advokatua,

    0 votes
    8 answers

  21. Не работает выравнивание инлайн-блоков по ширине в IE10 и IE11

    Приветствую! Возникла проблема. Кнопки Reset и Submit не прилипают к правой стороне своего контейнера в IE10 и IE11. В остальных свежих браузерах всё работает правильно. Не пойму что не так. http://cssdeck.com/labs/full/iavhhilc

    Asked by Johnney,

    0 votes
    1 answer

  22. Web-программист

    1) Кто такой Web-программист ? Что он делает ? Как я понял HTML и CSS занимается верстальщик. Или же возможно что web программист делает все а именно HTML, CSS, Javascript, PHP,SQL ??????????? Проясните ? 2) Хочу стать хорошим web-программистом. С чего начать ? Дайте совет. В настоящее время роблю сис админомтакже занимаюсь информ безопасностью.

    Asked by rpmcmerphy,

    0 votes
    28 answers

  23. http://htmlbook.ru/practical/blok-s-gradientom

    http://htmlbook.ru/practical/blok-s-gradientom Как отменить прозрачность на вложенных div ? http://cssdeck.com/labs/peroqapj

    Asked by rpmcmerphy,

    0 votes
    6 answers

  24. Помогите разобраться с меню

    Помогите разобраться с меню. Крышка уже едет от него. Все хорошо. Но не работают ссылки при нажатии на них. В чем может быть проблема? Подскажите решение. Исходники: http://jsfiddle.net/r2Y99/

    Asked by bestt,

    0 votes
    5 answers

  25. Не разворачивается youtube ролик на сайте

    Вставляю в контенте страницы ролик строкой <p><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/f_Y2oFbTrR8%26hl=en%26fs=1%26rel=0%26ap=%2526fmt=18" width="425" height="344"></embed></p> Параметр есть разрешения разворачивания ролика на весь экран, но кликая "fool screen" развернуть ничего не происходит. Проверял на разных ПК. Может кто сталкивался? Есть решение?

    Asked by okunev2,

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