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. Карта изображений

    Сижу учусь. не ругайтесь сразу, очень хотела решить эту задачу сама, но уже несколько часов ничего не получается, идеи иссякли. Есть изображение с кружочками, из него сделана карта изображений, так чтобы каждый кружочек был отдельной ссылкой на другую страницу. Что нужно написать в css, чтобы эти кружочки при нажатии не подсвечивались голубой рамочкой в виде круга? Приведен код карты изображений. To learn more cryptography, please tour the site.<br /> <img src="locks.jpg" alt="lock links" width="510" height="110" usemap="#locks"/><map name="locks"><area shape="circle" coords="52,52,43"href ="history.htm" alt="History" /><area sha…

    Asked by jejik,

    0 votes
    9 answers

  2. Сайт где видно резиновую вёрстку

    Резиновый сайт! Люди нужна ваша помощь Мне надо какой то сайт где я смогу посмотреть как будет выглядеть моя вёрстка на разных расширениях экрана,а то как то задолбало бегать по всему отделу и тестировать. Спасибо. Я когда то встречал такие там кидаешь ссылку на сайт и оно показывает.

    Asked by vitaxastifler,

    0 votes
    19 answers

  3. Посоветуйте статьи про кеширование

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

    Asked by SKSKSS2013,

    0 votes
    3 answers

  4. body overflow:hidden не работает в Chrome

    Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…

    Asked by Alexander34,

    0 votes
    7 answers

  5. Фиксированный фон для мобильных устройств

    Привет всем. Как сделать фиксированный фон для мобильных устройств? Сайт http://itzone.su body { background: url(../images/bg.jpg) top center no-repeat fixed; color: #fff; background-attachment: fixed !important; overflow-x: hidden;}Сейчас фон прокручивается вместе с содержимым. На стацианарном компе и на ноуте все работает нормально.

    Asked by pekinessik,

    0 votes
    0 answers

  6. help me!

    вывожу картинки на страницу в коде они есть а визуально нет <div id="soder"><h1>альтернативный текст</h1><br/> <?php $var1 = 'images/big/'; $var2 = scandir($var1); for($i=0;$i<count($var2);$i++){ if(($var2[$i] != ".")&&($var2[$i] != "..")){ $path = $var1.$var2[$i]; echo '<img href="'.$path.'" width="500" height="300"/>'; } } ?> </div>

    Asked by click,

    0 votes
    1 answer

  7. sadebar(правая колонка) наезжает на нижний блок

    http://karpovka.com/2014/09/03/199290/ как исправить косяк пробовал различные варианты и ничего не приходит в голову

    Asked by daggi,

    0 votes
    4 answers

  8. [Теория] Навороты современного дизайна и нагрузка на машину

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

    Asked by master-kyk,

    0 votes
    6 answers

  9. sqlite manager для FF

    подскажите пожалуйста как запустить sqlite manager. это плагин для firefox. я его установил, а как начать использовать не знаю. в документации тоже не нашёл указаний мне нужно просто его запустить

    Asked by cyklop77,

    0 votes
    1 answer

  10. Админ панель, форум и другое

    Это все непосредственно создается скриптами Php?Или что-то еще надо знать

    Asked by RuslanHeYca4ev,

    0 votes
    4 answers

  11. Меню через nav->a

    Сабж, возник вопрос. Есть блок в котором хочу сделать меню через nav->a т.е. div->nav->a . Но a строка, следовательно как между ними сделать отступы? display:inline-block; margin:x; Так?

    Asked by psixodyb,

    0 votes
    12 answers

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

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

    Asked by Arthur,

    0 votes
    2 answers

  13. Прозрачность.

    Всем доброго времени суток! Есть такой код. И к нему такой вопрос(и к вам так же ): Почему картинка и текст на прозрачном блоке стали прозрачными и как это убрать?.

    Asked by Arthur,

    0 votes
    4 answers

  14. Позиционирование

    Есть примерно такой html: <div class="container"> <div id="bloсk1">Высота контента может быть любой</div> <div id="bloсk2">Высота контента может быть любой</div> <div id="bloсk3"></div> </div> Возможно ли block3 поместить между block1 и block2, не изменяя html?

    Asked by ssrn,

    0 votes
    4 answers

  15. IE9. Панель поиска и радиент

    Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.

    Asked by Arthur,

    0 votes
    3 answers

  16. Верстка каталога

    Не получается создать каталог элементов. Сверстал каталог для магазина со следующими характеристиками: 1. На DIV 2. Гибкие 3. 3 элемента в строке 4. Первый элемент (DIV) прижат к левой стороне родительского блока 5. Второй элемент (DIV) посередине 6. Третий элемент (DIV) прижат к правой стороне родительского блока 7. Элементов может быть сколько угодно много по 3 в строке Как правильно было бы реализовать данную задачу? Мои попытки: HTML <div id="product-list"> <h2 class="title">Заголовок</h2> <div class="product-item"> <div class="product-wrapper"> <div class="photo"> …

    Asked by Rozmarin,

    0 votes
    0 answers

  17. Проблема из слайдером

    в теме неправильно написал.. Это спойлер . Вот есть такой код что ниже.. вопрос заключаеться вот в чем.. как видно я изменил нижнюю скрытую часть спойлера. Хотелось чтоб верх видную часть можно было изменить так же, желательно через css. У меня никак не получаеться .. http://jsfiddle.net/rgjhbwsq/2/ или возможно применить какой нибудь другой скрипт... или прописать по другому код... главное чтоб это было на html, так как сайт именно на нем пока что у меня

    Asked by saen,

    0 votes
    10 answers

  18. web

    каким образом выводить большое количество картинок, где их хранить при условии что еще будет использоваться jquery для lightbox

    Asked by click,

    0 votes
    6 answers

  19. Высота картинки в процентах

    У нас есть картинка, заданная тегом <img>. У неё высота, допустим, 124 пикселя. Может быть 107, 256, 345, 97 пикселей, неважно, высота картинки может быть разной. Вопрос: есть ли не JS-путь, чтобы картинка отображалась, например, в 87% от своей реальной высоты? На scale в transform я смотрел, это частичное решение проблемы. При данном подходе отступ снизу и сверху не сохраняется. То есть если до верхнего блока было 15 пикселей, а до нижнего 20 пикселей, то при применении scale отступы не останутся в 15 и 20 пикселей.

    Asked by antonKar,

    0 votes
    0 answers

  20. Отображение слайдера в разных браузерах

    Здравствуйте. Прикрутила flex слайдер на сайт, пример оформления изначально был нагло стырен отсюда и переделан под "вот как вон там" (как там уже потеряно, но получилось похоже), после чего встала проблема, что в Mozilla Firefox блоки под текстом через 3 слайда были не полупрозрачные, а черные. Это получилось из-за того, что полупрозрачные блоки постепенно наслаиваются друг на друга. Весь css можно посмотреть тут. Часть, которая отвечает за проблемные блоки подписи: .flexslider .slides div {display: block;position: absolute;bottom: 0;padding: 8px 5px;margin: 0 0 10px 0;width: 100%;background: #000;background: rgba(0,0,0,.6);}.flexslider .slides div span {padding: 0 10p…

    Asked by nyash,

    0 votes
    0 answers

  21. Скачут <img> в <table> в Mozilla

    Добрый день, почему скачут изображения в таблице (раздел портфолио) в Mozilla при наведении на них мышкой? И еще - если нажать на изображение, всплывающее окно их перекроет (обязательно полностью) - при закрытии этого окна, маленькие изображения на долю секунды исчезают, почему? Сайт - gobanner.ru Спасибо всем гуру, которые откликнуться.

    Asked by logicface,

    0 votes
    0 answers

  22. прыгает меню при нажатии помогите

    Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?

    Asked by aeneas,

    0 votes
    3 answers

  23. Правильно расположение элементов

    Добрый день. Нужна помощь. Сейчас выглядит вот так: Нужно: <div style="background-image: url(адрес); background-repeat: no-repeat; margin: 10px;"><img style="position:relative; left: 40%; width:20%; height:20%; top:40%" src="img/play.png"></div>}У картинок margin: 10px;

    Asked by nevilus,

    0 votes
    0 answers

  24. сдвинуть элементы в право

    Привет, подскажите пожалуйста, как сдвинуть к примеру: ul.share{width: 376px;height: 27px;margin-top: 15px;} в право! И ещё если не сложно ответить, подскажите как у элемента (перед ним) добаить - Поделиться :

    Asked by bifido,

    0 votes
    5 answers

  25. Collapsible список на HTML без JS

    Добрый день! Как на HTML сделать список со скрывающимся содержанием? Допустим, есть следующее: Заголовок1: Пункт1.1 Пункт1.2 Пункт1.3 Заголовок2: Пункт2.1 Пункт2.2 Пункт2.3 Из этого нужно получить следующее: Заголовок1: Заголовок2: При этом нужно, чтобы заголовки можно было открывать/закрывать независимо друг от друга. Нужно реализовать без использования JS, CSS, только на HTML.

    Asked by koshmarrrik,

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