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. IE10 странное поведение выпадающего блока

    http://road.media/?template=rm при наведении на "каталог" в IE10 в первый раз "выпадайка" показывается нормально, во второй раз - пустая, как будто в контейнере с классом drop ничего нет: После перегрузки страницы восстанавливается ровно до второго наезда мышью В чем может быть дело? Может глюк конкретного браузера? 10.0.9200.16600 В IE11 например всё нормально.

    Asked by d0ublezer0,

    0 votes
    0 answers

  2. Не видны бегунки на слайдера

    Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…

    Asked by mstdmstd,

    0 votes
    0 answers

  3. Маленькие оповещения на сайт

    Здравствуйте. Интересует вот такие уведомления на сайт интернет магазина (скрин приложен). Суть в том, чтобы появлялись небольшие уведомления, видимые пользователям на сайте, при покупках других пользователей. Проще: я покупаю игру и Васе Пупкину, сидящему на сайте было видно вот такое уведомление, что секунду назад купили такой то товар. Главное, чтобы таймер был живым (возрастал - секунда, минута, и т.д) Если я все равно выразился непонятно, то вот ссылка: http://steambuy.com/catalogue.php?q=mafia+III (обратите внимание на левый нижний угол) Помогите пожалуйста, очень бы хотелось установить такую штуку себе на сайт.

    Asked by Alexey1111,

    0 votes
    0 answers

  4. Приоритет появления картинок

    Добрый день форумчане! Это мой второй сайт (для себя) http://кухонный-мир.рф/ Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ???? 1. Я разделил картинку в блоке №1 на маленькие кусочки 2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов) 3. Пробовал размещать картинку из блока №1 в других папках и менял названия НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1 4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установи…

    Asked by maxim_,

    0 votes
    0 answers

  5. Перенос лого по центру без медиа запросов.

    Здрасти, подскажите как сделать чтобы переносился логотип (типа для мобильной верссии сайта) по центру, без использования медиа запросов. Вот весь код штмл: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css"> <title>Document</title> </head> <body> <header> <div class="wrapper"> <div class="logo"> <a href="#"><img src="img/MobileApp.png"></a> <p class="desk">Your Mobile App Slogan</p> </div> <div class="menu"> <ul> <li&gt…

    Asked by federal24,

    0 votes
    0 answers

  6. Кроссбаузерная вставка флеш

    Как правильно вставить флеш swf-файл на сайт что бы работал во всех браузерах + смартфоны/планшеты. Необходимо: если на компьютере не установлен флеш что бы выводилась ссылка на скачивание. если мобильное устройство НЕ поддерживает флеш (iOS) что бы выводилось сообщение

    Asked by alleclf,

    0 votes
    0 answers

  7. Неполное отображение пунктов меню в выпадающем списке при уменьшении разрешения

    Есть проблема. Меню на бутстрапе, в десктопной версии отображается идеально, но в адаптивном режиме (при уменьшенном разрешении) выпадающие меню списка скрыты. Это мой первый сайт, не знаю, где копать. Код тут: http://codepen.io/esx/pen/RGXqBZ На втором скриншоте видно, что кнопка "Услуги" раскрывается не полностью, кнопка "О нас" вообще ничего не показывает. Помогите, плиз.

    Asked by esx,

    0 votes
    0 answers

  8. Выбор рандомной функции

    Делаю бота для игры "Крестики-нолики". Нужно, чтобы при условии if срабатывало рандомно 1 из 8 скриптов. То есть если игрок ходит на 1 клетку, то бот рандомно ходит на 1 из 8 других клеток. Как это сделать?

    Asked by Kun32216,

    0 votes
    0 answers

  9. Непонятное поле

    <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; } Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden;

    Asked by aqua.77,

    0 votes
    0 answers

  10. Не индексируемый текст

    Здравствуйте. Появилась необходимость сделать текст в шапке не индексируемым. Проблема в том, что он должен индексироваться на главной странице и не должен на остальных. Как этого добиться?

    Asked by rob.rob,

    0 votes
    0 answers

  11. адаптация шаблона

    Всем доброго времени суток. В настоящий момент пишу шаблон, и задумался вот над чем, скажем так мы имеем двухколоночный условно-резиновый макет (почему условно-резиновый? во-первых сайдбар левый фиксированый (250 рх) во-вторых установлены ограничения width (max 1300 и min 960) ). В итоге при разрешении экрана свыше 1300 рх скажем наш контентный блок имеет с учетом всех отступов и т.д. 1000 рх (назову ее рабочей шириной) так вот в эту рабочую ширину я помещаю 5 блоков с width равным 200 рх и выставляю их в ряд при помощи float:left . но при изменении размера экрана скажем до 1024 рх блоки которые не влазиют в ширину начнут падать в низ (конечно можно сделать их резино…

    Asked by green-vik,

    0 votes
    0 answers

  12. вопрос по фокусу

    Всем привет. Верстаю шаблон и столкнулся с очень не хорошей проблемой. Суть вот в чем. Сайт на ДЛЕ, и у него есть функция поиска на лету (для тех кто не работал с данной CMS объясню, это когда в поле поиска вводишь и вместе с этим всплывает блок в котором показаны н-ое число материала в которых что ты вводишь есть). теперь о главном, моя форма поиска помещена в сплывающий при наведении блок : Вот код: (так на всякий) .fix-left-icon { width:45px; height:30px; margin-left:5px; margin-top:3px; } .pop-up-left-fix { width:250px; min-height: 30px; left:45px; top:-37px; padding: 10px; border: none; -webkit-border-radius: 5px…

    Asked by green-vik,

    0 votes
    0 answers

  13. Проблема смены фона слайдера на CSS в IE11

    Возникла необходимость сделать слайдер с множественным фоном, в котором по нажатию на кнопку один из фонов меняется. И всё замечательно работало, пока я не решил его проверить в IE11. В Chrome и FireFox всё работает. А в ИЕ фон слайдера либо реагирует на некоторые из кнопок, либо не реагирует на них вообще. В чём же может быть проблема? Код UPD. Забавная штука: если названия изображений, расположенных в списке фонов первыми, различаются между собой, то начинает изменяться и изображение, следующее ниже (которое мне и необходимо менять по нажатию кнопки). Это как-нибудь можно обойти?

    Asked by Rumpelstistskin,

    0 votes
    0 answers

  14. Мягкий свет как реализовать в css

    Как фотошоповское свойство мягкий цвет сделать средствами css?

    Asked by federal24,

    0 votes
    0 answers

  15. Режим наложения css3

    Суть вопроса : есть такой блок https://jsfiddle.net/w28rh987/5/ . Для фото использован режим наложения luminosity.При наведении на весь блок single-item у фото исчезает luminosity и появляется оверлей синего цвета со ссылками и неким текстом. Но у меня получается,что наложение пропадает, а затем появляется и у соседнего фото. Можно ли как-то решить эту проблему? P.S. : в фаерфокс почему-то наложение не видно,в хром работает.

    Asked by Alexandr37,

    0 votes
    0 answers

  16. Требуется помощь в создании формы обратной связи

    Здравствуйте. Есть потребность в редактировании обработчика формы обратной связи для одностраничника. Но моих познаний не хватает, чтобы его изменить. Проблема в том, что в обработчике явно указаны поля ввода (имя, телефон, майл). А в коде странице явных имен нет. Вот то, что в коде страницы: Скрытый текст <form action="callme.php" enctype="multipart/form-data" method="post"> <div class="form1"> <input name="Название формы" value="Заявка на обратный звонок" type="hidden"> <div class="field"><div class="field_title">Введите имя</div><div class="field_description"></div> <div class="field_in…

    Asked by Demiurge,

    0 votes
    0 answers

  17. Как сделать картинку, текст и кнопку в одну строку?

    Вставил кнопку подписки в блог, но выглядит не красиво. Подскажите, пожалуйста, как сделать картинку, текст и кнопку в одну строку? Скриншоты: 1) Сейчас вот так - http://prntscr.com/dg40bw 2) Хочется, чтобы было примерно вот так - http://prntscr.com/dg411z Ссылка на код - http://debaka.ru/ (справа, в сайдбаре) Проблема устранена - можно закрывать тему.

    Asked by Debaka,

    0 votes
    0 answers

  18. отзывов на Google

    Может вопрос не в тему но все он же касается САЙТА Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать. Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?

    Asked by virtas,

    0 votes
    0 answers

  19. Водяные знаки на фото.

    Привет всем! Прошу у вас помощи в связи с тем,что далеко не разработчик и не знаю языки,но столкнулся с большой нуждой. В общем создал сайт на конструкторе(дадада,не кричите,я не программист и не хацкер,то есть не шарю) В общем нужно сделать так,чтобы на каждую фотку на сайте добавилась надпись с адресом сайта(ну фоточки мои,я не хочу чтобы их камуниздили. ну крч думаю,что понятно)). Я писанул разрабам,сказали мол ,цитирую, "Вставить данный код возможно с помощью модуля "HTML", размещенный в основном меню конструктора в разделе "Ещё"." В общем нужна ваша помощь,ощинь нужна. Скрины тоже сейчас закину. Я крч вообще не знаю че с этим делать,парни,очень нужна Ваша по…

    Asked by Fletcher,

    0 votes
    0 answers

  20. Вывод пропорционального флеш-ролика

    Как вывести на сайте флеш-ролик с нормальными пропорциями? Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9. Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления. Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?

    Asked by alleclf,

    0 votes
    0 answers

  21. Настройка анимации (срочно)

    Как настроить анимацию так, чтобы элементы плавно плыли по течению. Думаю проблема в процентный значениях между кадрами. Вот песок: https://jsfiddle.net/8awkpysn/1/ И собственно код. <p class="q1"></p> <p class="q2"></p> .q1{ position:absolute; left:0px; width:100px; height:80px; background:black; animation: c1 5s linear infinite; } .q2{ position:absolute; left:110px; width:100px; height:100px; background:black; animation: c2 5s linear infinite; } @keyframes c1 { 15%{ left:-252px; } 15.1%{ left:450px; } } @keyframes c2 { 15%{ left:-252px; } 15.1%{ left:560px; } to{ left:11…

    Asked by aqua.77,

    0 votes
    0 answers

  22. Подскажите как сделать

    Подскажите, как сделать чтобы выпадающий список выпадал только после нажатия на подраздел, а не сразу после наведения, как в моём случае. Код : http://codepen.io/Anatoliy667986584/pen/NbjEPP

    Asked by Анатолий1944,

    0 votes
    0 answers

  23. Страница в мобильном браузере

    Страница не корректно отображается в некоторых мобильных браузерах (UC Browser), После скролла вниз весь контент, что находится ниже окна браузера, прячется за белым фоном. Из-за чего такое может быть? . . CSS Скрытый текст * { margin: 0; padding: 0; box-sizing: border-box; } *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; background: #593c1e; } .wrapper { position: relative; width: 100%; height: 10…

    Asked by lnva,

    0 votes
    0 answers

  24. Помогите сделать шаблон шапки из div элементов

    Друзья, помогите пожалуйста сделать для сайта шапку, у меня есть вот такая разбивка: Могли бы подсказать как сделать такую форму, вот divы <div class="allh div1"> <div class="allh div2"> <div class="allh dostavka div3"> </div> <div class="allh search div4"> </div> </div> <div class="allh div5"> </div> <div class="allh logo div6"> </div> <div class="allh div7"> <div class="allh tel div10"> <div class="allh div8"> </div> </div> <div class="allh call div11"> <div class="allh div9"> </div> </div> <div cl…

    Asked by djforce,

    0 votes
    0 answers

  25. Обращение к элементам html страницы из php

    Добрый вечер, уважаемые форумчане. Задаюсь очередным вопросом. Как обратиться к элементу расположенному на html странице из кода php? А именно, необходимо чтобы при определенном условии в один из фреймов подгружалась определенная html страница. То есть в php реализовать что то подобное: parent.frames["RFrame"].document.location="Quest.html" и подскажите, пожалуйста мануалы по этой теме. Заранее большое спасибо за ответы!

    Asked by killmister,

    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