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. Border от конца блока до границы экрана

    Добрый день. Подскажите пожалуйста по такому моменту: На странице есть несколько блоков. Нужно, что бы если блок расположен слева то от него шла линия до границы экрана с лева. Аналогична если блок с права. Т.е. линия должна идти не через всю страницу, а от края блока до границы экрана. Примерно так:

    Asked by jdk,

    0 votes
    1 answer

  2. Помогите разобраться начинающему.

    Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…

    Asked by cryptus,

    0 votes
    1 answer

  3. Проблемы с overflow

    В следующем коде: ————————————————-- <div class="center"> <div class="center_left">centerLeft</div> <div class="center_right"><img src="img/foto.jpg" alt="Hands"></div> </div> <div class="menu"> Place for menu... </div> ————————————————- .center { margin-top: 10px; clear: both; overflow: hidden; } .center_left { border: 1px solid #000; width: 525px; float: left; } .center_right { /*border: 1px solid #000;*/ box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 525px; height: 275px; float: right; bo…

    Asked by cryptus,

    0 votes
    1 answer

  4. hover -эфект

    Подскажите как сделать эффект при наведении мышки на блок с категорией товара как на сайте http://mariyka.com.ua/ То есть сначала мы видим блок с названием товара, под ним картинку и корзину покупок, а при наведении на него блок получает рамку с тенью и увеличивается вниз где дополнительно можно прочесть краткое описание товара?

    Asked by V&V Cherry,

    0 votes
    1 answer

  5. Не удаётся убрать горизонтальную полосу прокрутки

    Верстаю сайт xxvc.zz.vc с помощью bootstrap 3, сделал навигационное меню, в результате появилась горизонтальная полоса прокрутки, никак не получается её убрать, может кто подскажет в чём дело и как это можно исправить?

    Asked by dmitriy.pryadko,

    0 votes
    1 answer

  6. 100% высота контента + прижатый вниз футер

    имеется такая структура: нужно прижать подвал вниз - это работает а вот сделать 100% высоту блока #content не получается - когда контента в блоке мало , то все гормально. А когда много , то подвал поднимается к середине страницы... Как это можно исправить в стилях, не меняя структуру html? <body><div id="karkas"> <div id="head"> header </div> <div id="content-wrapper"> <div id="content"> Some Text </div> </div> <div id="footer_bottom"></div> </div> <div id="footer">footer</div></body>* { padding: 0; margin: 0;}html ,b…

    Asked by Sawyer1988,

    0 votes
    1 answer

  7. как сделать такую вещь?

    http://hostingkartinok.com/show-image.php?id=39dfeaa5a349001fd8e4b720c4bf6e0e первый вопрос, какая формула? не могу понять как рассчитывается чистая прибыль. ну второе. справа монетки, их количество меняется в зависимости от ползунков. Как такое реализовать?

    Asked by raptor-dm,

    0 votes
    1 answer

  8. Аудио комментарий к фотографии

    ? Каким образом записать такую последовательность: 1)Выбрав в галереи фотографию кликнуть по ней. 2)Фотография увеличивается с центрирование в середине экрана (необходимы именно два фото : миниатюра и большое фото) 3)К выбранному фото начинает звучать соответствующий аудио комментарий (с возможностью преждевременной остановки проигрывания). Необходим наиболее элегантный способ.

    Asked by sergeyouem,

    0 votes
    1 answer

  9. Подозрительный отступ внизу

    Я столкнулся со странной проблемой. У меня двухколоночный сайт, тобишь колонки держатся на float: left; и чистка в конце второй колонки. Сперва проблему я увидел когда я делал во втором блоке блоки, которые мне нужно было разместить в 2 ряда, я делал это с помощью того же float: left, но так как я был вынужден чистить после каждой второй картинки я решил забросить это дело. Я перешел на абсолютные значения(хотя это и глупо ибо есть варианты получше, я знаю). Отступ внизу страницы так и не пропал. Отступ размером около 20-ти пикселей стабильно там находится... Я его смог убрать только одним способом: изменил высоту блока контента насильно через код до 639пк и отступ проп…

    Asked by Coshe,

    0 votes
    1 answer

  10. Вопрос по подгрузке SVG для Snap.svg

    Есть страница с несколькими SVG под сотню килобайт, с ними надо производить манипуляции через Snap.svg. Страница сама по себе и так жирная по объёму, поэтому хотелось бы SVG-файлы подгружать по какому-то событию, а уже только потом вставлять их на страницу и что-то делать. Есть ли в данном случае какой-нибудь вариант подгрузки кроме AJAX? Можно было бы через pxloader грузить файлы и вставлять в img, но тогда snap.svg работать не будет.

    Asked by antonKar,

    0 votes
    1 answer

  11. Проблема с верстку в мозиле

    Добрый день. Встал в ступор. Есть сайт avtoavm.ru. Во всех браузерах все отлично, кроме Mozila. Беда вот в чем: 1. Слева есть каталог товаров. Везде он раскрывается, в лисе - нет. 2. Справа есть кнопка входа. Везде есть popup, в лисе- нет. 3. Также есть поиск (select). Везде есть, в лисе - нет. Подскажите, почему так? В чем может быть беда? Спасибо большое!

    Asked by alexbelkevich,

    0 votes
    1 answer

  12. Проблема с display:block внутри табов

    Вот страница - http://borha.ru/contests/3-mezhregionalnaja-olimpiada-shkolnikov-vysshaja-proba.html Если открыть через Firebug, то код такой: <table class="teaser2"> <tbody><tr><td class="teaser21"><img src="/upload/000/u1/015/0af7dfcc.jpg"><div class="content_item_props contests_item_props" style="display: none;"></td><td class="teaser22"></tr></tbody>в коде в шаблоне такого кода нет, но он сам почему-то появляется... Напишите пожалуйста как исправить, чтобы было видно поля снизу

    Asked by sergeyborha,

    0 votes
    1 answer

  13. изменение стиля при нажатии на таблицу

    Всем привет. Собственно такой вопрос, как реализовать такую вещь на css: при нажатии на ячейку таблицы, эта ячейка должна выделяться. Конструкция такая: index.html <td class="gid"><input type="radio" id="gd3" name="rad1" style="display: none;" value="radd3"> трололо, текст в ячейке</td>main.css input:checked + td.gid{border: 1px solid #FFA700;}Я понимаю, что здесь ошибка, но как сделать, что бы всё работало, а то знаний css не хватает )))

    Asked by IamПробник,

    0 votes
    1 answer

  14. nic.ru -- где находится управление зоной для домена?

    Кто регистрировал домен на nic.ru? Подскажите, где находится управление зоной для домена? Никак не найду. Или это платная услуга? Нужно добавить записи.

    Asked by Alfa2015,

    0 votes
    1 answer

  15. Язык подсказок в форме

    Здравствуйте народ. Подскажите, как при заполнении формы обратной связи изменить язык всплывающих подсказок или язык ошибок обработчика формы? Форму создал на английском, а подсказки и ошибки всплывают по-русски. Спасибо.

    Asked by iluha22,

    0 votes
    1 answer

  16. передать строку таблицы на другую страницу

    есть таблица, строка является ссылкой на другую страницу. необходимо открыть данные строки + несколько новых полей на другой странице. все строки должны открываться в одном формате пример (таблица): __имя____фамилия____год рождения _саша_____петров________1990____ исходная страница: имя: саша фамилия: петров год рождения: 1990 средний балл: 4.5 вуз: МАИ спасибо за ответ

    Asked by nurekil,

    0 votes
    1 answer

  17. HELP

    Помогите новенькой в CSS разобраться с раскрывающимся меню, второй день бьюсь как "рыба об лёд" подменю второго уровня не закрывается, вот картина: Помогите: тут на поверхности проблема, всеми поджилками чувствую, но найти не могу!

    Asked by ira,

    0 votes
    1 answer

  18. Перечесление селекторов в css

    Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.

    Asked by perec200,

    0 votes
    1 answer

  19. bootstrap container-fluid не на ширину экрана

    Добрый день. Столкнулся с такой проблемой - верстаю на bootstrap. Прописываю стиль для container-fluid <div class="container-fluid yellow_bg"></div>.yellow_bg { height: 355px; background: #ffd504;}Однако если по горизонтали мень 958 пикселей начинается такая фигня: (с права начинает вылазить белый блок). Подскажите, как с этим бороться? Вот сам сайт

    Asked by jdk,

    0 votes
    1 answer

  20. Как правильно переделать статичную верстку под адаптивную?

    Для гугла и заодно людей с маленькими мобильными надо сделать адаптивную верстку. Почитал, что надо пользоваться media-query, например: @media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2)и так под разные устройства чтоб подгружались свои стили Однако столкнулся с тем, что когда я делал статичный макет - все отступы, линии, шрифты, все прописал в px под экраны от 800px чтобы удобно. Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно? чтобы не копировать целиком css файлы, а потом опять по пиксельно замерять для каждого устройстваЮ а только 1 раз изменить в % , а потом уже менять т…

    Asked by nikki4,

    0 votes
    1 answer

  21. Обрезка изображений

    Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

    Asked by perec200,

    0 votes
    1 answer

  22. Вставка видео/аудио на сайт

    Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.

    Asked by vip,

    0 votes
    1 answer

  23. Подскажите сервис наложения css3 теней

    Приветствую всех! Недавно видел онлайн сервис изготовления градиентов. В последствии всё переводится в css3 код. А мне нужно сделать блок с тенями. Есть ли сервисы,желательно русскоязычные?

    Asked by tigrus2014,

    0 votes
    1 answer

  24. опознать шрифт

    помогите пожалуйста опознать шрифт

    Asked by cyklop77,

    0 votes
    1 answer

  25. Вопрос по рекламе

    У меня стоит сайт на директе, сейчас я хочу поменять дизайн сайта ( другой шаблон поставить ). Мне придется заново писать рекламную кампанию для директа? Или же шаблон никак не сказывается на директе?

    Asked by svang,

    0 votes
    1 answer

  • Обсуждения

    • 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