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. Высота div-ов

    Здравствуйте... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style > body { margin:0px; text-align:center; } .box { width:500px; margin: auto; border:1px solid #990000; background-color:#fff; } .menu { width:200px; background-color:#f6d95b; float:left; text-align:left; } .text { margin-left: 200px; …

    Asked by G6CFfy,

    0 votes
    8 answers

  2. Несколько вопросов по HTML5 (всплывающие уведомления)

    Здравствуйте, Вот здесь хороший пример как сделать всплывающее уведомление для пользователя http://www.html5rocks.com/tutorials/notifications/quick/ Делаю все по туториалу, но почему-то не получается: 1. Вешаю на кнопку слушатель как в примере document.querySelector('#show_button').addEventListener('click', function().... Но он почему-то не срабатывает. Может быть для HTML5 нужны какие специальные тэги кроме <script>. В тоже время если в коде кнопки прямо вызвать функцию onclick то все нормально. 2. Нотификация у меня не срабатывает при значении: window.webkitNotifications.checkPermission() == 0, если меняю на 1, то все работает. 3. В любом случае, не получается выз…

    Asked by Astraport,

    0 votes
    2 answers

  3. Div с ul с li

    Вот у меня блок и в нем меню ul с li. При этом у главного блока border:8px solid #000000; и хотелось бы сделать так, при наведении курсором на ссылку текст становится цветом белым,а её фон чёрный, при этом фон касается краев главного блока.Никак не получается.Помогите пожалауйста. <div class='wrapper_mir' id='mir'> <ul class='wrapper_ul'> <li><a href='message.php' >1</a></li> <li><a href='.php' >2</a></li> <li><a href='.php'>3</a></li> <li&g…

    Asked by new01,

    0 votes
    26 answers

  4. проблема с дивом

    Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…

    Asked by demi,

    0 votes
    7 answers

  5. помогите с версткой под IE7

    Уже поседел... Но так и не понял, почему форма едет в IE7 http://test1.let-site.ru/order.html Видимо ум за разум зашел Ненавижу формы верстать

    Asked by ekosyakin,

    0 votes
    13 answers

  6. Вопрос по выравниванию

    Всем привет. Не могу придумать как так сделать http://s006.radikal.ru/i215/1104/cf/27543fb9d14b.png Сами блоки смог выровнить с помощью margin:0 0 -9999px;padding:0 0 9999px; Картинки то же на одном уровне А вот на скрине видно, что кнопки Купить и цена, расположены всегда внизу. Как такое сделать? Это пример на сайте МТС, в каталоге товаров. Верстка там таблицами+ такая структура, что картинки идут сначала, потом описание и т.д... Т.е. чтобы кнопки Купить всегда располагались внизу. Или тут только через JS высчитывать высоту самого большого блока и делать такую же остальным? Может можно как-то через CSS? Не охота JS пихать. Может кто сталкивался уже с таким? Заранее спас…

    Asked by dropoff,

    0 votes
    9 answers

  7. Картинки Html+css

    Короче говоря, натолкните на мысль, как сделать отображение картинок как в гугле Нуна реализовать все на хтмл+ксс.

    Asked by JoyStick,

    0 votes
    7 answers

  8. Запретить css в части html документа

    Здравтсвуйте. Как запретить css в части html документа? Например, мне нужно прописать div.stats{ display:inline; height:0px; left:-100px; margin:0px; padding:0px; position:absolute; top:-100px; visibility:hidden; width:0px } и <div class="stats"> Текст </div> Но чтобы stats не подключался. То есть, чтобы было, как в этом сообщении.

    Asked by turovnet,

    0 votes
    9 answers

  9. PIROBOX. Что я сделал неправильно?

    Только немного понимаю в html и css, часто пользуюсь справочником сайта. Сейчас конструирую сайт и решил повесить на него pirobox. Но когда открываю изображение, при прокрутке, оно вместе с фоном тоже прокручивается скроллингом. Везде на других сайтах pirobox не скроллится можно глянуть здесь вэвэвэ general-catalogue.ru/pilomaterialy/vagonka_evrovagonka/vagonka_listvennica/

    Asked by uk13,

    0 votes
    7 answers

  10. проблема отображения в Opera 10.63 двухуровневого горизонтального меню

    Я написал свое меню используя css, он opera игнорирует клик мыши на подпункт меню, т.к. когда подменю выдвигается под ним находится текст, но когда наводишь на текст в подменю или под выдвинувшемся подменю нет текста - то все нормально, кто-нибудь может подсказать как с этим бороться? спасибо.

    Asked by xxttyy,

    0 votes
    1 answer

  11. jQuery.cycle - как заставить картинку отображаться по центру

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

    Asked by Pumych,

    0 votes
    4 answers

  12. Блочная верстка по доступной высоте

    Собственно не могу перейти с табличной верстки на блочную... пример можно посмотреть на этом хостинге Там сделано табличная версия, а вот с блочной проблема. Как сделать высоту (min-height) до низу если шапка и подвал имеют фиксированную высоту? В общем чтоб блочная версия стала выглядеть точно также как и табличная. при использовании overflow:hidden получается нельзя разместить div так чтоб он перекрывал и content и header к примеру. перелазил интернет ответа не нашел. просматривал схожие темы: 4 способа как создать блоки одинаковой высоты, Две float-колонки одинаковой высоты, и т.п. надеюсь на решение

    Asked by SolRus,

    0 votes
    1 answer

  13. Оптимизация для Web

    Всем привет! В Фотошопе Я ламерок и не понимаю, где нужно настроить, чтобы картинка большого размера, при нажатии на "Оптимизация для Web", оставалась такой же большой, а не резалась автоматически на равные маленькие части... Подскажите ,пожалуйста, буду Очень признателен P.S. жалко что нет раздела какого-нибудь, например, "Работа с графикой для Web" или "Основыне аспекты с графикой в Web"

    Asked by PanSoul,

    0 votes
    5 answers

  14. Вот такое, блин, творчество

    Решил еще раз попробовать слои, зззззззз блд... Читаю: "Допускается вкладывать один блочный элемент внутрь другого", значит можно и не вкладывать... Вверху, слева картинка, с отступами, от нее 4 полосы в стороны, типа крест. Лепил прямо в опере, нормально. Проверяю в других, каша, причем у всех разная. "position: absolute;" - не работает, у них. Привык, что каждая команда (функция), вещь конкретная, слои же - метод тыка, какой то. Вот такое, блин, творчество. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sys</title> <style type="text/css"> body { border: solid 0px #A1611D; …

    Asked by mizm,

    0 votes
    15 answers

  15. Несколько картинок в одной ячейке таблицы

    Первый раз в жизни пишу на форум. Обычно все уже обсуждалось. Но нигде не нашел что прописать или в CSS или лучше в <td> что бы изображения расположились не в столбик как по умолчанию а в линию в одной ячейке таблицы. Заранее спасибо.

    Asked by vlad7777,

    0 votes
    22 answers

  16. проблемы в ie6

    Здравствуйте! Не знаю, как побороть следующие проблемы, связанные с ie6 1.header в ie6 так: http://gyazo.com/3a5bee7a018c7e2a66e772bb51dbdf62.png должно быть так: http://gyazo.com/b44b40d2d36051d30980c70824db81b9.png 2.footer в ie6 так: http://gyazo.com/1b809d19203bede502160827a1435416.png должно быть так: http://gyazo.com/e4580ce567285c4e6d1aea11126a507e.png 3.thumbs в ie6 так: http://gyazo.com/b956cc8820539b4830969824979c782b.png должно быть так: http://gyazo.com/6826b7c6efb4ae63fbb51895e5a38856.png 4.box tittle в ie6 так: http://gyazo.com/914da95ff01e99eb03b387ca380bed16.png должно быть так: http://gyazo.com/8516327456e9e0f7419fa5a09e815…

    Asked by dropDiez,

    0 votes
    3 answers

  17. Блоки

    Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…

    Asked by new01,

    0 votes
    2 answers

  18. mod_rewrite и страница входа на сайт

    Добрый день, у меня есть домен, у которого есть синоним. Ну т.е. есть mysite.ru и синоним mysite.com Теперь вопрос, поскольку в любом случае, при набирании адреса (неважно ru или com), страница входа index.html Я спросил у хостера, можно ли сделать так, чтобы изменить страницу входа, т.е. если человек заходит на mysite.ru — страница входа "index.html", а если он заходит на mysite.com, то страница входа другая, ну скажем, "main.html". Делается это потому, что я делаю сайт на двух разных языках, и в "main.html" будет другой язык и собственно немного другая структура сайта. Хостер сказал, что такое можно сделать с помощью mod_rewrite и послал к интернетам... Я в этом деле пр…

    Asked by pavelsko,

    0 votes
    4 answers

  19. Модуль и запрос на блок HTML

    Подскажите, как сделать что то типо модулей с помощью html? например, у меня есть 20 страниц, и в каждой вписано %reklama% в каком нибудь блоке. и есть одна страница, с кодом этой рекламы. Следовательно изменив этот блок рекламы, он изменился бы во всех 20 страницах.

    Asked by yaco13,

    0 votes
    3 answers

  20. Тег Iframe в IE6

    Всем привет. Есть проблема в IE6 с тегом iframe. В сайдбаре стоит плеер с видео ютуба. В блоке контента есть фотки. Они открываются через jQuery галерею fancybox. Когда фотка открывается, то плеер ютуба находится поверх этой фотки, т.е. закрывает небольшую часть. Проблема именно в ИЕ6 Что можно придумать? <iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/...." frameborder="0" allowfullscreen> Ваш браузер не поддерживает плавающие фреймы! </iframe>

    Asked by Budulianin,

    0 votes
    2 answers

  21. Меню, список ul, j, обтекание

    Всем доброго вечера. Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей. имеется меню тип список ul. Наглядный макет HTML код. <ul> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> &l…

    Asked by Rasel,

    0 votes
    4 answers

  22. Как растянуть родительский div?

    Имеется страничка: <div id="cover"> <div id="top"> ......... </div> <div id="bottom"> .......... </div> </div> Для cover прописано в css background шириной в сайт и высотой в 1 пиксель с репитом y. Для top и bottom соответственно background верхней и нижней части сайта. Идея была в том, что бы когда контент больше высоты top, то он двигает bottom, а пустое место заполняется background'ом от cover. Но оно не работает, т.е. если я явно прописываю высоту какого-нибудь вложенного div'а, то всё ок, а если нет, то контент просто налезает на bottom и лезет дальше вниз. Как сделать правильно?

    Asked by webstark,

    0 votes
    8 answers

  23. Как прижать блок к низу другого блока?

    Вот есть код. Как мне "правый блок" сделать высотой в 100%? Чтобы он растягивался вниз на столько, на сколько изменится "центральный блок" <!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=windows-1251" /> <title>Документ без названия</title> <style> *{ margin: 0; padding: 0; } #container { width: 900px; /* Ширина макета */ margin: 0 auto; /* Выравнивание по центру */ } #nav { width: 200px; /* Ширина левой колонки */ float: left; } #aside { wi…

    Asked by Bayanruby,

    0 votes
    6 answers

  24. стилизация глубоко вложенного тега через внешний класс

    Здравствуйте! Я новичек в деле CSS, наткнулся на такую задачку: есть страница, фрагмент которой представлен ниже. нужно написать правило для задания параметров тега с классом v-button-caption, но, унакальное имя у меня у всего этого это v-first. как мне через него пройти до низов и достучаться до цели? как правильно записать? <form class="v-first" target="PID84_TGT_FRAME" action="http://localhost:8080/vt/APP/UPLOAD/PID84/action/1f13badc-1ba8-4b64-9148-8939e0ea0ee3" method="post" enctype="multipart/form-data"> <div> <input type="hidden"> <input type="file" name="PID84_file" class="gwt-FileUpload"> <div class="v-button"> …

    Asked by mgurov,

    0 votes
    1 answer

  25. Вопрос по спискам

    Доброго времени суток. помогите решить проблему. Есть список. Он динамический. Нужно сделать так, чтобы по вертикали было к примеру 20 пунктов, а потом список продолжался как бы с нового столбика. Такое возможно, или нужно использовать таблицы?

    Asked by Styopchik,

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