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. Отключить появление скролла для нижней части страницы

    Можно ли запретить скролл для нескольких дивов на странице? Ситуация такая, страница состоит из нескольких рядов дивов. На на похожей странице из-за нижнего ряда появляется скролл, из-за чего происходит смещение относительно страниц без скролла. Грубо говоря скролл нужен, но можно ли его отключить его на 5м и 6м диве? Т.е. если граница окна на них попадает - скролл не появлялся. Нетривиальный вопрос какой-то получился, но мало-ли. Вдруг есть какой рецепт.

    Asked by delias,

    0 votes
    3 answers

  2. Есть ли разница?

    Есть ли разница между элементами :after и ::after,и тому подобных им?если нет,то какие актуальнее использовать?

    Asked by Aleksey19881988,

    0 votes
    2 answers

  3. Убрать отступ у последнего элемента

    Здравствуйте. Можно ли как то убрать отступ у последнего элемента меню, не задавая ему класс? ИЕ7+ Как должно быть(не задавая .class): http://jsfiddle.net/CpktD/ Пример как не должно быть: http://jsfiddle.net/fGzS5/

    Asked by Temiks,

    0 votes
    2 answers

  4. Разъезжается менюшка в IE

    Имеется div футер, в нем еще два - левый и правый. В правом менюшка. В IE она разъезжается, как я ни задаю параметры... Даже в HTML прописывал "<li style="height: 18;">" , все равно высота у всех, кроме первого - 32 пикселя... <div id="footer"> <div id="footLeft"> <p>Детали-Авто (с) 2012</p> </div> <div id="footRight"> <ul id="footMenu"> <li><a href="parts.html">Запчасти</a></li> <li><a href="masla.html">Масла</a></li> <li><a href="index.html">Главная</a></li> <li><a hr…

    Asked by Shurrr,

    0 votes
    2 answers

  5. склеить div слои по вертикали, чтобы при масштабировании они не меняли положения

    Имеется слой shapka(на нем сверху еще три слоя): .shapka{ HEIGHT:176px; width: 940px; top: 30px; position: relative; margin:0 auto; background-color:#224179; } .risunka{position:relative; z-index:1; background-color:#224179; padding: 3px; float: left; height: 170px; } .zagolovok{ position:relative; top:-150; left:25; z-index:2; color:#FFFFFF; text-shadow: black 1px 1px 6px, red 0 0 50px; font-size:50px; float: left; /* Обтекание по правому краю */ width: 600px; text-align: right; } .registration{ padding: 5px; /* Поля вокруг текста */ width: 220px; float: right; position:relative; top:-150; z-index:3; right: 25; vertic…

    Asked by Marry1,

    0 votes
    1 answer

  6. не работает text-align:justify

    Добрый день! Мой html создается програмно из файла Word (который по сути XML). Моя задача отобразить этот файл в html. поэтому текст разбивается на части, которые в свою очередь заключены в <bdi>. при этом мне нужно выставить свойство параграфа text-align:justify. при выставлении "в лоб" ничего не получается. точнее не получается, если текст двуязычный (а в этом случае еще и двунаправленный) вот html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <article> <section> <p style="direction:rtl; white-space:nowrap; text-align:justify;"> <span> <bdi style="dir…

    Asked by d.maria,

    0 votes
    0 answers

  7. фон сайта

    Доброго времени суток! Есть макет в размере 1900px, и часть макета выступает за пределы стандартного расширения экрана, можно ли сделать так, чтоб при просмотре сайта с стандартным расширением экрана отображалось часть фона, а при расширенном продолжение фона ?

    Asked by yurets86,

    0 votes
    2 answers

  8. Отображение дочернего элемента поверх родителя со свойством overflow:auto

    Форумчане, добрый день! Возник вопрос, возможно ли сделать так, чтобы дочерний элемент отображался поверх родителя, у которого стоит свойство overflow:auto? z-index соответственно не работает должным образом из-за overflow, который обязателен пример здесь http://jsfiddle.net/F315/Mgm8F/2/ Такая тема уже поднималась на форуме, но во мне еще теплится надежда, что все-таки есть решение, кроме увеличения размеров родительского элемента. Спасибо.

    Asked by F315,

    0 votes
    5 answers

  9. Непонятная область между контентом и футером

    Сделал шаблон в Artisteer 3.1. Из-за малого объема контента возникла необходимость прикрепить футер к нижней границе окна браузера. Воспользовался данным способом. Однако возникла проблема. Футер отрисовывается где положено, но между ним и контентом появилась непонятная область плюс добавилась вертикальная полоса прокрутки. Область отмечена красной рамкой Здесь шаблон в действии. Не могу найти откуда ноги растут у этого зазора. Вроде везде height: 100%. Может кто из профессионалов подскажет.

    Asked by Vensdale,

    0 votes
    3 answers

  10. -webkit-gradient и -webkit-linear-gradient

    Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…

    Asked by SelenIT,

    0 votes
    23 answers

  11. Создание локальной базы данных, с функцией "интернет-магазина"

    Здравствуйте. Для бизнеса необходим сайт (локальный). Пример приведу такой: База данных, в ней забиты значения А=1000, В=1000, С=1000. Есть кнопка(называется например "ххх"), при нажатии на неё, в окошке на этой же странице появляется надпись "Выбрано ххх-1 шт.". При нажатии кнопки должно вычитаться например А-100, В-100, С-100. После того как нажали "ххх", из базы данных вычитаются эти значения, а оставшиеся ( А=900, В=900, С=900) сохранятся! Так же если одно из значений меньше требуемого, нужно что бы выводилось сообщение о нехватке значения. Для чего будет использоваться. Пример: Доставка пиццы. Оператор принимает заказ. Для пиццы "ааа" необходимы Тесто(А), помидоры(В…

    Asked by garyako,

    0 votes
    2 answers

  12. div - 100%-margins

    есть шаблон: <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title>template - width 1024 center</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> <style> * {margin: 0; padding: 0} html, body {height: 100%} body { background: #CCFF33; } #content {height: auto !important; height: 100%; min-height: 100%; background: #FFFFCC} #content .menu {width: 1024px; margin: 0 auto; padding: 105px 20px 5px 20px; border: 1px solid red;} #content .container {width: 1024px; margin: 0 auto; padding: 30px 20px 60px 20px; border: 1px solid red;} #footer {height: 50px; margin-top: -50px; background: #CCF…

    Asked by persten,

    0 votes
    2 answers

  13. Вывод картинки

    Всем привет, может ли кто-нибудь подсказать как сделать вывод картинки например, как на этом мониторинге при наведении мышки на название карты или примерно подобное... Пример: _http://www.gameufa.ru/

    Asked by nuke_,

    0 votes
    8 answers

  14. Не растягивается блок.

    Здравствуйте. Подскажите пожалуйста, как можно решить такую проблему? уже всё перепробовал ничего не получается. Чтобы блок, который слева растягивался до самого низа. сам сайт: http://decode.su/g/index.html p.s пробовал ставить у #sidebar height:100% и у #wrapper вместо min-height:100% поставить просто height:100%, то блок слева растягивается, но если много контента становится, как здесь например: http://decode.su/g/boxsport.html То снизу идет пустота, нету фона под контентом...

    Asked by decode,

    0 votes
    9 answers

  15. Проблемы TEXTAREA в Opera Mobile

    Всем привет! Вроде в верстке не новичек, и js знаю, но какой-то глюк закрался на сайте, которые дали мне починить. http://old-guards.com У кого андройд/обычный телефон с opera/opera mini/mobile - попробуйте отправить сообщение/создать тему, дело в том, что textarea даже не выделяется. В чем может быть беда? Заранее спасибо!

    Asked by mrcloud,

    0 votes
    0 answers

  16. Помогите с таблицей (hover-выделение)

    Добрый день, у меня есть таблица <div class='border'> <table class="row1"> <tbody> <tr class="header"> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> <tr class="list"> <td class="list">1</td> <td class="list">2]</td> <td class="list">3</td> <td class="list">4</td> …

    Asked by nuke_,

    0 votes
    6 answers

  17. прозрачный фон для gif изображения

    добрый вечер уважаемые форумчане. вот такой вопрос: у меня на страничке имеется n-ое кол-во изображений в формате gif, которые посредством javascript могут быть наложенны друг на друга... дело в том, что если одна картинка попадает на другую, то фон (белый) картинки, которая сверху виден на нижней...что не очень красиво. как на html, или может даже на css или javascript сделать прозрачный фон?? заранее спасибо.

    Asked by ???,

    0 votes
    15 answers

  18. <div> и <p>

    Объясните в чем разница между тегами <div> и <p>.

    Asked by Noob32,

    0 votes
    8 answers

  19. Проблема с высотой блока

    Есть сайт www.oooktk.ru помогите понять почему он после меню, которое в черной рамке я пока специально выделил, до основного контента образуется такая пустота не как понять не могу

    Asked by alex44ru,

    0 votes
    7 answers

  20. input спрайтами?

    как сделать такой input http://savepic.net/2903290.htm спрайтами?

    Asked by olechic,

    0 votes
    5 answers

  21. Из Joomla в html

    Здравствуйте! Подскажите пожалуйста, как перенести страницы сайта из Joomla в html, так как там верстать и править сат удобнее и доступнее. Тормозит ли наличие движка продвижение по запросам сайта?

    Asked by Yarkaya,

    0 votes
    6 answers

  22. Стили для поля со списком

    Как изменить внешний вид поля со списком? В частности хотелось бы узнать как изменить внешний вид кнопки по нажатию которой список раскрывается. Как тут например Спасибо.

    Asked by uteelers5,

    0 votes
    1 answer

  23. Цвет активных ссылок на статичной страничке.

    Здравствуйте! Собственно вопрос, имеется страничка и несколько ссылок на ней. Как сделать так, что бы изменялся фон ссылки при нажатии на неё? Проще говоря, я нажимаю на ссылку, фон под ней меняется и закрепляется, далее я кликаю по следующей ссылки, фон меняется под ней и остается неизменным. Основная проблема в том, что страничка статична, одна, значит :visited не прокатит. Подозреваю, что тут замешан JS =) Да, забыл сказать. Мне это нужно для создания меню. Оно само статично, а вот содержание динамично. Тут-то мне и нужно выделение пунктов в меню.

    Asked by OlegLont,

    0 votes
    3 answers

  24. Деление сайта на header+body+footer

    Доброй ночи! Я новичок, поэтому не судите строго) Мне нужно сайт поделить на 3 блока header, body, footer для удобства внесения изменений, подскажите как это сделать, на форуме в поиске не нашел ( может сформулировал не правильно)вот сам код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html class="Mozilla"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Директ </title> <link rel="stylesheet" type="text/css" href="style.css"> <li…

    Asked by atremains,

    0 votes
    1 answer

  25. обработчик выпадающего списка

    Есть скрипт, который работает если на странице только он. Как только встроишь его в страницу - перестает работать. Дело в скрипте или в javascript подключенных к странице? [ code ]<script type="text/javascript"> function Select() { prod=document.all.PROD.selectedIndex if (prod==0) { document.getElementById('progr').innerHTML = '№5, №6, №7 - один раз в день.' } else if (prod==1) { document.getElementById('progr').innerHTML = '№5, №6, №7 - два раза в день.' } } </script>[ /code ] клиентская часть [ code ]<select name = "prod" onchange = Select() > <option>"Паркес" 7:</option> <option>"Паркес" 77:</option> </select>: <span i…

    Asked by apexis,

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