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. Проблема со шрифтом Arial

    Подскажите как установить шрифт Arial Regular ? selection-studio.ru/wp - вот там снизу Теги и Антресоль

    Asked by Select,

    0 votes
    10 answers

  2. вертикальный градиент текста

    помогите пожалуйста сделать вертикальный градиент текста текст расположен на фоне сложного узора. нужна возможность точно настраивать характеристики градиента(как минимум яркость и величину смещения) устроит любое решение(js, css3), даже не 100% кроссбраузерное здесь мне помочь не смогли

    Asked by cyklop77,

    0 votes
    10 answers

  3. Как выстроить блоки div с разной шириной в один ряд

    Всем привет, такая вот у меня проблема: <div class="block"> <img src="img.jpg" /> <h3>Заголовок</h3> <span>Текст, примерно одно предложение</span> </div> Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока. При фиксированной ширине - это понятно, а вот так, не знаю куда копать

    Asked by galaydas,

    0 votes
    10 answers

  4. Проблема с расположением блоков

    Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 4 может не быть. Есть следующий код: <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <p></p> <![endif]--> <div id="container"> <header> <strong&…

    Asked by Lithium,

    0 votes
    10 answers

  5. Резиновый слайдер со скроллбаром

    Возникла потребность узнать, а существуют ли вообще в природе такие слайдеры. Даже на jQuerry UI обнаружил то, что итоговая ширина для всей линейки слайдов всё равно фикс. Резина нужна не для самого окна со слайдером, а для всей линейки слайдов.

    Asked by John Do,

    0 votes
    10 answers

  6. HTML5 SVG грфика и анимация

    Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > &lt…

    Asked by Гиф,

    0 votes
    10 answers

  7. Плавающее меню (position: fixed и прочее) (проблемы)

    Уважаеме форумчане! Прошу помощи. http://jsfiddle.net/rgSFb/ 1) Не получаеться настроить "адаптивность" меню под разные мониторы. Если недостаточный размер экрана, то содержание меню справа (style="float: right;") как и надо наезжает на первое, но при этом, нижнее меню (третье, блок nav_top_2) с поиском это всё закрывает, а я хочу, чтобы оно сезжало ниже. 2) Нужно центрировать поисковые элементы (содержимое nav_top_2). 3) Нужно сделать, чтобы начало содержимого страницы (там где текст "Start"), т.е. начало блока с контентом (id="content") шло после этого меню, т.е., чтобы на маленьком экране, меню не перекрывало контент, а наоборот, контент сезжал вниз. Заранее благодарен…

    Asked by frankus,

    0 votes
    10 answers

  8. Помогите новичку.

    Уже пол интернета пролистал, но ответа не нашел. Есть такая беда: <html> <head> <meta charset="utf-8"> <title>Поиск гугл</title> </head> <body bgcolor="#ccccff"> <form action="http://www.google.ru/search" target="_blank"> <input type="text" name=q> <input type="submit" value="Искать"> </body> </html> При нажатии на "Искать" выдает результаты поиска. А если я в поле "<input type="text" name=q>" значение name поменяю на любое другое отличное от "q" то у меня просто открывается страница google.com Почему?

    Asked by shibaday,

    0 votes
    10 answers

  9. вертикальная полоса

    привет всем. помогите пожалуйста разобраться! Вертикальная полоса отделяет один контейнер от другого, но проблема в том что никак не могу её найти эту полосу. Хотелось бы её удлинить по вертикали.

    Asked by bobb,

    0 votes
    10 answers

  10. Как семантически верно?

    http://divhack.com/downloads/study/5/html/ На этой странице есть раздел справа "More projects". Как правильнее написать Html с этими картинками? Выстроить в ряд 4 картинки или предварительно засунуть их в список? Как правильнее и логичнее с точки зрения семантики и всего прочего?

    Asked by Zverushka,

    0 votes
    10 answers

  11. Как вырезать этот слой в фотошопе?

    Здраствуйте. Уже не первый раз бьюсь с подобной проблемой. Как у этого макета http://divhack.com/downloads/study/6/6.psd вырезать верхний широкий хедер (выполненный разноцветными разводами), который состоит из двух слоев. Если первый прозрачный слой с разводами я еще могу скопировать в новый документ, то от второго (темного) копируется лишь маленькая рамка (50 пикселей) вместо 1200. А выделенные вместе они вообще не копируются. Их можно скопировать через шифт+с, предварительно убрав все остальные лишние слои сверху (а это долго и муторно). Может есть способ проще? Как скопировать более быстрым способом?

    Asked by Zverushka,

    0 votes
    10 answers

  12. Вывод форм комментариев Вконтакте \ Facebook по клику.

    Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине? То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?

    Asked by Inf1n1tI,

    0 votes
    10 answers

  13. Вырезать полупрозрачный логотип из psd-макета

    Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?

    Asked by aaron,

    0 votes
    10 answers

  14. Как растянуть Div на всю высоту экрана?

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

    Asked by Bizon4ik,

    0 votes
    10 answers

  15. Отображение полей и кнопок было, как в Opera

    Как сделать, прописать, чтобы отображение полей и кнопок, в других браузерах было, как в Opera <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> <option value="3">WME</option> <option value="4">WMU</option> <option value="5">WMB</option> </optgroup> &lt…

    Asked by lev99,

    0 votes
    10 answers

  16. Вставка генерируемого содержимого :before

    a[href*="russian.html"]:before {background: url(bullet2.png) no-repeat; border:1px solid black;} если убрать из кода псевдоэлемент :before то картинка появится, но мне не хочется добавлять 0 6px padding-left: 15px. чтобы она стала слева перед ссылкой. Почему маленькая картинка перед ссылкой не отображается?

    Asked by Delat,

    0 votes
    10 answers

  17. Вопрос по swf

    Не знал в какой раздел написать, посему прошу прощения если ошибся разделом Подскажите, я хочу добавить swf игру отдельным файлом - http://localhost/games/game.swf - и ничего другого, сам вопрос заключается в том, что в тайтле флешки всегда путь до флешки, как ему можно по своему усмотрению (без хтмл и пхп) поставить тайтл? То есть юзер открывает адрес (пример) - http://mysite.org/games/create.swf - а в тайтле будет не "mysite.org/games/create.swf" , а "Create some" (заданный мной тайтл). Заранее спасибо!

    Asked by avava12,

    0 votes
    10 answers

  18. filter (IE6-9) - возможна ли прописать по другому

    У меня есть в CSS такая запись: .pay-button { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 ); /* IE6-9 */ } Возможно ли её записать так: .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ } правда я прочёл , что должны быть в месте .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=…

    Asked by lev99,

    0 votes
    10 answers

  19. Меню с беграундом по одну сторону

    Подскажите, можно чисто теоретически. Как делают такие меню? Т.е. чтобы фон слева продолжался по максимуму влево. Ну а справа чтобы фон "обрезался" по-последнему элементу.

    Asked by npofopr,

    0 votes
    10 answers

  20. Автозаполнение форм в Opera и Chrome

    Доброго времени суток, вот уже в который раз обращаюсь к вам за помощью.))) На этот раз проблема такая - Chrome и Opera не предлагают свои варианты заполнения полей формы по двойному клику (из тех что пользователь вводил раньше), хотя Mozilla отрабатывает нормально. Форма изначально лежит в коде страницы скрытая (style="display:none;"), по клику на ссылку всплывает ($('.winc_form').fadeIn(200), после того как пользователь ввел данные и нажал submit данные ajax-ом отправляются на сервер, js-ом на место этой формы вставляется текст что данные отправленны успешно и кнопка закрыть. По нажатию на закрыть div с формой пропадает, на место текста об отправлении опять становится …

    Asked by pro100set,

    0 votes
    10 answers

  21. Вставка из файла

    Добрый вечер! Возник такой вопрос: например, есть файл index.php и файл content.php в котором несколько строк с данными (текстом). Как в первый файл вставить определенные строи из второго файла в нужных местах?

    Asked by Regsit,

    0 votes
    10 answers

  22. Съезжает блок внутри div c position:fixed

    Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <li><a href="#">О ПРОЕКТЕ</a></li> <li><a href="#">ПАРТНЕРАМ</a></li> <li><a href="#">ПОДДЕРЖКА</a></li> <li><a href="#">ЮРИДИЧЕСКАЯ ИНФОРМАЦИЯ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div> </div> </body&…

    Asked by imissyouso,

    0 votes
    10 answers

  23. Внутри <button>неработают события и псевдоклассы

    Здравствуйте. Есть <div> на котором висит событие. Все прекрасно работает по тех пор пока не помещаю этот <div> в <button>. При этом перестают работать даже псевдоклассы. Банальный :hover не работает. Кто нибудь встречался с таким?

    Asked by El-Clasico,

    0 votes
    10 answers

  24. Селекторы CSS

    Здравствуйте, дорогие! Надоело мне сворачивать и разворачивать на Абсурдопедии таблицу категории снизу ручками и решил я сделать для неё стиль в Stylish. Во время написания оного я столкнулся с такой вещью: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("absurdopedia.net") { /* Первый tr - заголовок. Его трогать нельзя. Да, вобщем-то, тогда и вопроса бы не было */ table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(2) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(3) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(4) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(…

    Asked by V.A.R.,

    0 votes
    10 answers

  25. Не работает домен .pw, что делать?

    Помогите пожалуйста, я зарегистрировал домен и хостинг на https://www.nic.ru/ сайт http://www.legat.pw/ , его синонимы www.legat.nichost.ru и legat.nichost.ru работают правильно, а www.legat.pw - нет. не знаю почему. в чём может быть проблема?

    Asked by Гриша,

    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