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. Радуга обрезается

    Почему, если сузить окно браузера, то радуга обрезается? http://cssdeck.com/labs/pchbsooc

    Asked by DivMan,

    0 votes
    2 answers

  2. И снова z-index в ie8-9

    В ie8-9 Элементы с классом m-pointer находятся уровнем ниже main-img. Z-index не помогает при том, что элементы позиционированные. ...... <div class="m-pointer p1" id="p1"></div> <div class="m-pointer p2" id="p2"></div> <div class="m-pointer p3" id="p3"></div> <div class="m-pointer p4" id="p4"></div> <div class="m-pointer p5" id="p5"></div> <div class="m-pointer p6" id="p6"></div> <div class="m-pointer p7" id="p7"></div> <div class="m-pointer p8" id="p8"></div> <div class="m-pointer p9…

    Asked by gekas,

    0 votes
    2 answers

  3. Проблемы с версткой html письма

    Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно? <html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font…

    Asked by Alllexey777,

    0 votes
    2 answers

  4. Проигрыватель из соцсети ВКонтакте

    Доброго времени суток! Подскажите, пожалуйста, как вставить на сайт аудио и видео проигрыватели из вк? http://joxi.ru/rZYAVIwyTJDjAruD16U Что бы внешний вид и функционал были идентичны социальной сети ВК Заранее благодарен

    Asked by GusevIvan,

    0 votes
    2 answers

  5. Анимированный спойлер.

    Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/

    Asked by Vicos,

    0 votes
    2 answers

  6. Выпадающее меню - показывает все подпункты

    День добрый Вот сделал выпадающее меню чисто на цсс по этой инструкции Но почемуто подпункты меню второго уровня, которые должны активироваться при наведении на родителя - показываются сразу. Вот сайт - горизонтальное меню верхнее, первая колонка Туры - внизу открыты и подпункты сразу Помогите пожалуйста скрыть подпункты меню. Надо чтобы они показывались только при наведении на родителя Заранее спасибо! Вот кусок цсс, отвечающего за меню /*=================horizontal menu===================*/#horizontal {height:40px;width:960px;background:#fff;margin: -5px auto 10px auto;padding:0;}ul.menu_up {position:relative;z-index:9999;}ul.menu_up li {float:left;display:bl…

    Asked by artpol,

    0 votes
    2 answers

  7. Позиционирование заголовка у картинки

    <div class="news"> <img src="img/no_image.png" > <h4>Российские цены на BMW M6 Купе</h4> </div>Всем привет. Как сделать, что бы заголовок h4 позиционировался с правой стороны картинки?

    Asked by Roman_qwe,

    0 votes
    2 answers

  8. CSS <input> + <datalist> как избавиться от смены фона при выборе значения?

    http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…

    Asked by eugen35,

    0 votes
    2 answers

  9. IE9, border-radius и слайдер

    Сайт. В IE9 Не работает слайдер и border-radius(подключал разные вещи типа pie.htc, но почему то не работает все равно).

    Asked by Arthur,

    0 votes
    2 answers

  10. Слайдер

    Здравствуйте. Нуждаюсь в слайдере, который бы ещё выводил такое "Картинка 1 из 4", например. http://joxi.ru/Zh0PVIwyTJDNAmfxY0s Или подскажите, как прикрутить к уже существующему слайдеру? Спасибо. А, всё. Неправильно искала.

    Asked by kattiperk,

    0 votes
    2 answers

  11. PHP if/elseif/else vs switch

    Николя223, Не совсем правильно поняли. Извиняюсь, я всегда паршиво формулирую вопрос, виноват. <?php $age = 44; if ($age > 18) {echo "Registered!";} elseif ($age == 44) {echo "Да вы что??";} elseif ($age == 18) {echo "Sure?";} else {echo "Go away!";} ?>Как видите, если возраст больше 18, выводиться будет Регистеред. В данном случае возраст больше 18, но я хочу, чтобы для 44-летних выводилось иное сообщение. Но все равно выводит Registered!. Как добиться того, чтобы выводилось значение первого elseif? Добился нужного результата поменяв значения переменных местами следующим образом: <?php $age = 12; …

    Asked by Make Uper,

    0 votes
    2 answers

  12. фон h2 залазит под картинку

    Фон подзаголовков залазит за картинку. Картинка с float:right. Как это устранить? http://test.parkes.org.ua/trunk/parkes.php

    Asked by apexis,

    0 votes
    2 answers

  13. Автовысота 100% у вложенных divов

    <body> <div id="wrapper1"> <div id="wrapper2"> <div id="wrapper3"> content </div> </div> </div></body>body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3. Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работат…

    Asked by adelante,

    0 votes
    2 answers

  14. Проблема с фоновыми изображениями

    http://joxi.ru/O4oRVIwyTJCUeXnmiu8 Верстаю с помощью таблицы. Обрал все что можно .antyraj{ margin: auto; padding: 0px;}td{ border: 0px #008040 solid; padding: 0px; margin: 0px;}Все равно есть разрывы в изображении. Все вставлено фонами в td. Может есть у кого идеи!

    Asked by Alex_Dark74,

    0 votes
    2 answers

  15. Частично закрытый toggler

    Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…

    Asked by advokatua,

    0 votes
    2 answers

  16. Смещение кнопки

    Чем лучше смещать кнопку: отступами или позиционированием? http://jsfiddle.net/2phkybqu/

    Asked by DivMan,

    0 votes
    2 answers

  17. Защита от DDOS, ее делать самому или это делает хост, на котором мой сайт установлен?

    Как то так

    Asked by RuslanHeYca4ev,

    0 votes
    2 answers

  18. Адаптивный дизайн. Расстояние между карточками

    Добрый день всем! Имеется проблема. необходимо в адаптивном дизайне расположить карточки товаров выровненные по обе стороны. Есть решение этой проблемы, но как только появляется вторая строка, она ведет себя неадекватно, или выравнивается по левому краю, или рушится сетка вот тут пример http://css-live.ru/Primer/viravnivanie-items/pseudo-element.html Вопрос как выровнить карточки по ширине в адаптивном дизайне, сохраняя сетку? Всем заранее спасибо!

    Asked by Fate-ol,

    0 votes
    2 answers

  19. Всплывающая подсказка не умещается в блоке

    Пациент: http://demo.imatte.us/fomru/messages.html Проблема: Как пофиксить?

    Asked by posthack,

    0 votes
    2 answers

  20. jquery-2.1.1.min.map

    помогите пожалуйста разобраться на страничке как всегда использую jquery2. но дебаггер браузера показывает на вкладке сеть, что не может загрузиться файл jquery-2.1.1.min.map. я этот файл не подключал и вообще не знаю какую функцию он выполняет не понятно почему браузер считает ошибкой отсутствие этого файла Remote Address:127.0.0.1:8000Request URL:http://localhost:8000/static/zapsum/js/jquery/jquery.min.mapRequest Method:GETStatus Code:404 NOT FOUND

    Asked by cyklop77,

    0 votes
    2 answers

  21. Как прописать стиль отдельной ссылки?

    как правильно в файле CSS прописать стиль только для этой ссылки <a class="adm" target="_blank" href="/litera/">литература</a> требуется убрать всякое оформление для этой ссылки? и еще, где почитать полную информацию по синаксису написания стилей. (а то натыкаюсь на краткое описание. чтобы было как склеить вариантов вида ссылки в один стиль как понадобилось вот здеьс)? вот это я насоченял (но это не работает). a{ text-decoration: none; } a:.adm a:hover,.adm a:link{ color: #97af3f; font-size:14px; text-decoration: none; } а дальше все родное a:link,a:visited,.text a:link,.text a:visited{ color:#000; text-decoration:underline; } img { border:none;} .logo_con…

    Asked by ravin.x,

    0 votes
    2 answers

  22. Бордеры у пунктов меню при наведении

    http://jsfiddle.net/dgfzckzh/ Вопрос:Как сделать разделители у меня не картинкой (там проблема в том, что у бордера 2 цвета. Пробовал делать border: ridge; но не получается Как сделать этот разделитель, чтобы у последнего пункта меню он был не только слева, но и справа. Так, как сделано сейчас имхо неправильно (применено не к конкретному пункту, а к самому блоку меню) И самый главный вопрос: как сделать, чтобы при наведении, фон не закрывал собой этот самый разделитель? Делаю margin-left: 2px, но сдвигаются и сами пункты меню при наведении.

    Asked by Imperil,

    0 votes
    2 answers

  23. strong

    Здравствуйте! Часто ключевые слова в тексте выделяют strong'ом для п.с. Если к ним сделать font-weight: normal; эффект потеряется или нет? Просто не хочу визуально портить статью но и в то же время хочу указать п.с. где ключи. Спасибо за внимание!

    Asked by subm41,

    0 votes
    2 answers

  24. Два блока с шириной 50%

    Не прошу писать мне готовый код, просто намекнуть как сделать лучше. На изображении 2 блока. Нужно, чтобы каждый из них занимал 50% ширины. А контент внутри этих блоков прижимался внутри к краю с отступом, чтобы при разных разрешениях всю ширину занимал только фон. В принципе кажется, что ничего сложно нет, но я запутался Сделал один общий id="webhost" и в нем два класса с еще двумя классами В одном классе фон с 50% шириной (wleft и wright), а в другом контент(wleft-row и wright-row). Получается куча флоатов и куча кода, можно же ведь как-то попроще сделать.

    Asked by alikitto,

    0 votes
    2 answers

  25. Проблема с меню и слайдером в хроме, ИЕ10.

    Всем доброго времени суток. Столкнулся с проблемой - меню не так отображается в ИЕ. А так же слайдер не хочет работать. http://testdomena.hol.es Какие у кого мнения на этот счет?

    Asked by L1m0n,

    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