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 @charset "utf-8";/* CSS Document */*{padding:0; margin:0;}body{background:#e3e3e3 url(../images/bg-body.jpg) center 29px no-repeat; }#wrapper{width:1346px; margin:0 auto; }#header{height:199px; } #menu { background: #575757;border-top: 1px solid #000000; border-bottom: 1px solid #000000; } #menu ul { font: bold 13px Verdana; display:inline-table; position: relative; } #menu li { float: left; list-style: none; width: 140px; text-align: center; border-right:1px dotted #000; } #menu li a { text-decoration: non…

    Asked by fa_t,

    0 votes
    3 answers

  2. Движек интернет магазина. Подскажите

    Посоветуйте движек инет магазина без замарочек. Уель- продажа стройматериала.. Можно плиз без холивара?

    Asked by romoga,

    0 votes
    6 answers

  3. jq сортировка

    Имеется jq сортировки городов, мне хотелось бы сделать так чтобы при нажатии на город другие изчезали, при нажатии на другой город нужные снова появлялись а остальные изчезали $(function () { $("#listbutcity").on("click", "li", function (a) { var cls = '.'+$(this).data('name'), city = $('#listcity'), li = $(cls,city); city.prepend(li) });})var $ja = $('.ja-cp-item'); $ja.each(function (i,el) { var cls = $('.listnonecity', $(el)).text(); $(el).addClass(cls) });Прошу помоч) Демо Синий блок Наши вакансии

    Asked by radioactive68,

    0 votes
    1 answer

  4. Список блоков с разным вертикальным выравниванием и ховер

    Переделываю список товаров. Выравняла изображение и название товара поверху, а цену и кнопку купить понизу, как тут http://chikuyonok.ru/2011/04/inline-vertical-align/ Вот бьюсь, не могу сделать ховер для блока с товаром, если это вообще возможно. Прошу помощи! Ссылка http://jsfiddle.net/vera17/kk459/1/

    Asked by vera17,

    0 votes
    2 answers

  5. Опять я со своим кубом (не правильное вращение)

    Вот адрес http://lesnoe.zz.mu/ там и стили прописаны сразу в html пробема в том что куб во время врщения сьезжает то влево - то в право как бы гуляет,хотя я опворачиваю его только по одной оси, в идеале должна просто сентся сторона и все... з.ы. по кубу надо щелкать

    Asked by romoga,

    0 votes
    0 answers

  6. Проблема с повотором

    http://hostingkartinok.com/show-image.php?id=80422c0aca0fc2a65197481cd2b40eed Парни при каждом выводом поста,у меня повторяеться панель меню и приветствие. Помогите исправить бок( background-repeat: no-repeat; пробывал,не помагает,или мб я не туда пишу его( Что скажете? Код php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><title>Shop</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><?php$DBH …

    Asked by vitaxastifler,

    0 votes
    2 answers

  7. Горизонтальное меню

    Есть блок div с шириной 900px и с высотой 40px. В ней создан список li со ссылками внутри. 5 штук. Как сделать что бы был отступ с левого и правого борта блока на 41px, а остальное растянулись исходя из этого? Да и как выравнить сами ссылки по центру блока?

    Asked by CroaToa,

    0 votes
    11 answers

  8. Сайт обрезается при уменьшении дисплея

    Название сайта- http://help-for-computer.ru .Сайт обрезается на телефонах. Когда писал его, так старался,что даже для ie 5.5 его тестил. На валидаторах протестил. А вот на маленьких дисплеях забыл. Что теперь делать, как исправить? Там при заходе с телефона даже номер, куда звонить, не видно((( P.S.: еще, вопрос: почему у меня на samsung galaxy s4 при заходе через chrome на сайт ширина блока главного уменьшается(строчки плывут), я же зафиксировал ее width:1000px?

    Asked by lovi,

    0 votes
    4 answers

  9. popup с iframe - проблемы с фиксированной высотой

    iframe встроено в popup с фиксированной шириной, имеет фиксированную высоту. #iframe_123 {height: 280px; width: 100%; margin-top: 0;}НО! на мобильных устройствах в некоторых браузерах (Opera, Safari) iframe растягивается под размер встроенной страницы, в результате часть контента оказывается за границами экрана. как можно это исправить?! (в FireFox и Dolphin открывается правильно)

    Asked by sarnjak,

    0 votes
    0 answers

  10. по центру выставить

    Здравствуйте. Подскажите пожалуйста,что в коде не так. Нужно что-бы <div id="glavnay"> был по центру. Сначала пробовала без него, только nav,article и т.д.,не выходит, решила добавить <div id="glavnay">,думала сработает, но нет. Что-то видно не совсем поняла нтмл5. Делала эту же страницу, только нтмл4, все ок.А тут отцентрировать не могу. Вот код http://jsfiddle.net/belosnezka/KR6SL/ Добавила text-align:center; все работает. Вопрос: нужен ли в коде <div id="glavnay">? Раньше использовала всегда как-бы контейнер такой. А вот решила сделать на нтмл 5, не пойму здесь нужно контейнеры применять или нет. Заранее спасибо за ответ.

    Asked by belosnezka,

    0 votes
    1 answer

  11. CSS: Inner и Inset Shadow на одном тексте

    Доброго времени суток. Вопрос такой: Не очень понимаю, как можно сделать на одном и том же тексте (Логотип, к примеру) 2 параметра, внутренняя тень и внешняя. Заранее спасибо за ответ!

    Asked by Eridani,

    0 votes
    8 answers

  12. Абсолютное позиционирование.

    Помогите пожалуйста понять почему вот в этом уроке: http://htmlbook.ru/css/hover, в примере 2, в селекторе li ul, абсолютное позиционирование подменю получается относительно li a. Если убрать margin, из свойств margin-top и margin-left, то позиционируется относительно экрана. Почему margin так влияет?

    Asked by webded,

    0 votes
    4 answers

  13. Проблема cо ссылкой

    Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="sty…

    Asked by fa_t,

    0 votes
    4 answers

  14. Картинка

    Приветствую, как вставить картинку в li? чтобы в каждом li была своя картинка.

    Asked by Vans,

    0 votes
    10 answers

  15. Прижатие футера к низу

    В общем, впервые столкнулся с данным требованием. Вообще оно типичное, но я на нем споткнулся. Просто здесь немного другая ситуация, поэтому Google не помог. Дело вот в чем. Есть фиксированной высоты header. Допустим, 100 пикселей. И div, в котором контент. При том самого футера нету, только контент и шапка. Надо при недостаточном кол-ве контента (т. е. когда он не занимает высоту больше размера экрана) средствами CSS растянуть блок контента на всю оставшуюся высоту, с учетом шапки, чтобы ей хватило места, но при том без calc. То есть типичное прижатие футера к низу, но вместо футера - низ основного блока.

    Asked by iKNG,

    0 votes
    9 answers

  16. Выравнивание последней строки

    Как сделать выравние последней строки так, чтобы картинки шли под позицией верхних, а не как для центра и не пойми как по всей ширине: center: http://jsbin.com/ogiPEgiS/1/edit justify: http://jsbin.com/otavaFIQ/2/edit Т.е. выравнивание должно быть по центру. 3яя строка должна быть в той же позиции что и 2ая, только без 3его элемента.

    Asked by TrueMax,

    0 votes
    11 answers

  17. Как правильно пользоваться тегом <input type="file"> ?

    Добрый день. мне нужно передать файл в функцию. Файл выбирается с помощью формы. <form enctype="multipart/form-data" method="post"> <input type="file" name="table"> <input type="submit" value="Отправить"></form><pre><?print_r($_POST);?></pre>После того, как я выбрал файл и отправил форму, массив POST пустой. Если отсылать форму методом GET, то <?print_r($_GET);?> выводит Array ( [table] => myfile.txt ) Получается, что кроме имени файла ничего не передается. А как получить содержимое выбранного файла?

    Asked by Koroed,

    0 votes
    2 answers

  18. Поля

    Приветствую, как мне сделать чтобы текст1 отображался справа от текст2 на расстоянии? Пример: Текст2: Текст1 Получается так: Текст2 Текст1

    Asked by Vans,

    0 votes
    2 answers

  19. Проблема с блоками в таблице

    Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. Код вот такой: <table class="char-table-two" ><tr><td><span>Ширина</span></td><td><span>мм</span></td><td><span>646<br />646<br />646<br />646</span></td></tr><tr><td><span>Глубина</span></td><td><span>мм</span></td><td><span>530<br />530</span></td></tr> </table> .char-table-two { b…

    Asked by _Alexanred_,

    0 votes
    4 answers

  20. Дайте направляющую новичку :)

    Здравствуйте уважаемые форумчане! Вчера посмотрел краткий видеокурс по верстке html+css, сегодня уже хочется самому делать, практиковаться) Не знаю почему, но читая техническую (сухую) литературу у меня в голове ничего не укладывается.. А вот практика другое дело. В общем, не буду утомлять вас, мне нужен PSD макет. Легкий (!), для уровня "Новичок". Поиском пользоваться умею, просто в таком количестве PSD файлов не могу разобраться с чего начать, какой из них легкий.. Спасибо за любую помощь, подсказку !

    Asked by CroaToa,

    0 votes
    17 answers

  21. Наследование фона от другого элемента

    Столкнулся с такой проблемой. Хочу тегу с поиском задать второй фон тега body. Как лучше это сделать? Набросал пока такой код, но, естественно тегу с поиском наследуется первый фон body{ background: url(../images/header_bg.png) repeat-x, url(../images/bg.png); background-color: #f8f5c6; font: 13px Arial, sans-serif; color: #707070;}...<div id="search"></div>...#search{ width: 420px; height: 33px;}

    Asked by fantomic,

    0 votes
    3 answers

  22. Управление вкладками через CSS

    Добрый день, помогите разобраться с отображением вкладок. Есть две вкладки: Вкладка1 и Вкладка2. В вкладках содержится информация. В вкладке2 есть еще две вкладки: Вкладка3 и Вкладка4. На данный момент стиль настроен так, что отображается информация вкладок 2, 3, 4 на Вкладке1, а не должна. Ниже html и css код. html-файл: <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div class="tabsLink"> <a href="#tab1">Вкладка 1</a> <a href="#tab2">Вкладка 2</a></div><br /><a class="tabs" id="tab1"></a> <div class="…

    Asked by varfj54j,

    0 votes
    0 answers

  23. Выпадающий список, однако

    Всем привет. Подсобите, пожалуйста, с одной проблемой. Как вставить в шапку, выполненную в форме таблицы(одна пара<tr>) выпадающий список. Или как поднять картинку вставленную в <ul>, при том расклада что она стоит в ряд, с более большими по высоте элементами. Если не затруднит, то дайте, чистый код с комментариями, мне так будет проще его оптимизировать. Заранее благодарю

    Asked by oxion,

    0 votes
    3 answers

  24. Помогите найти ошибку в вёрстке

    Помогите найти ошибку в вёрстке Не могу понять природу белой полоски под превьюшками. Выяснил только, что картинки без полосок, где-то в вёрстке ошибка. Инспектором в хром найти не могу. вроде это не margin. просмотрел стили - ничего подозрительного применительно к a не нашёл. Возможно это делает js, но врядли. http://sherwood62.ru/photogallery/

    Asked by OlegALL,

    0 votes
    1 answer

  25. Нечитаемый код в CSS. Можно ли это исправить?

    Здравствуйте! В шаблоне для Joomla понадобилось править CSS-файл. Но он видимо оформлен без перевода строк. Открывал в разных редакторах, в том числе Dreamweaver. Выглядит везде одинаково нечитаемым. Подскажите пожалуйста, как это можно исправить, чтобы получить читаемый код? Выглядит это так:

    Asked by Anatuz,

    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