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. Не отображается плеер в FF

    http://sunna.su/www/audio.html - не отображается плеер в ФФ и опера, нашел такой ответ http://stackoverflow.com/questions/11436955/firefox-mediaelement-js попробовал в .htaccess добавить AddType audio/mp3 .mp3 AddType video/mp3 .mp3 Не помогло, в чем может быть проблема кто знает? Офф сайт: http://mediaelementjs.com/

    Asked by moslem,

    0 votes
    3 answers

  2. Форма поиска

    Здравствуйте! Подскажите пожалуйста! Я хочу сделать на сайте форму поиска, чтобы нажав кнопку поиска посетитель мог искать введенную инфу с помощью выбраного поисковика. У меня получилось сделать такое только с Google: <form method="get" action="http://www.google.com/search" target="_blank"> <input name="q" id="form-query" value="" placeholder="поиск по сайту"> <input type=submit value="искать"></form> адресс action="http://www.google.com/search" я взял из кнопки "Поиск в Google" посетитель вводит запрос, нажимает кнопку и Google показывает результаты! Я пробывал сделать также с yandex, но он просто выдает 404, tut.by тоже Подскажите как мне сделат…

    Asked by prdirect,

    0 votes
    3 answers

  3. Указатель кол-ва просмотров страницы

    Добрый день всем, интересует один вопрос, необходимо на статьи поставить счетчик кол-ва просмотров (пример на скрине), если есть идеи буду примного благодарен!.

    Asked by selebros,

    0 votes
    3 answers

  4. Прыгающие кнопки

    Ребят, выручайте. Вот простейший пример: <!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" xml:lang="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <title>test</title> <style> input[type="submit"] { width: 300px; height: 60px; border: 1px solid black; margin: 0 auto; } </style> </head> <body> <div style="background-color:#eee; width:650px; text-align: center;"> <input type="submit" …

    Asked by fr1ar,

    0 votes
    3 answers

  5. <header>

    Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…

    Asked by Simel,

    0 votes
    3 answers

  6. Вывод элемента на определенное место

    На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }

    Asked by qazibum,

    0 votes
    3 answers

  7. position:fixed лишь по одной оси, возможно ли?

    Приветствую всех участников форума! Есть вопрос - реально ли на чистом CSS реализовать мою задумку. Вот пример: http://jsfiddle.net/4sJYM/ Внутри элемента есть два вложенных дива. Возможно ли БЕЗ JS сделать так, чтобы #left всегда был закреплён по левому краю, но прокручивался по вертикали, а #top - наоборот, прокручивался по горизонтали, но всегда оставался бы прилеплённым к верху viewbox родителя? Всем спасибо за внимание.

    Asked by Crystall,

    0 votes
    3 answers

  8. IE - не растягивается фон на весь экран

    Еще раз приветствую. Ребята, не могу понять, почему IE не растягивает фон полностью? Скриншот: Справа, где находится "бегунок" остается место, которое не имеет фона. #header_top { height: 115px; background: url(../images/header_top.png) no-repeat; background-size: 100%; } Например, вот код. Искал, говорят, нужно ставить cover, пробовал, все равно. Заодно, может кто знает, в формах ввода значение value уходит вверх ( в других браузерах нормально ) Скриншот: input[type=text], input[type=password] { padding-left: 8px; background: none; border: none; outline: none; color: #A3A3A3; width: 190px; height: 28px; font-size: 11px;…

    Asked by Evans,

    0 votes
    3 answers

  9. Работа с фреймами

    Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…

    Asked by Makeda,

    0 votes
    3 answers

  10. Помогите с CSS пожалуйста

    Не могу сообразить. Что нужно дописать, чтобы текст в кнопке меню, если не может поместиться полностью, то переносился бы построчно, и при это не под картинку. CSS сейчас такой: #mainmenu ul { list-style: none; padding: 0px; margin: 0px; margin-right: -3px; overflow: hidden; } #mainmenu ul li { float: left; margin-right: 1px; display: block; width: 230px; } #mainmenu ul li a { border: 1px #eef0ef solid; background: #dcdddf; display: block; width: 228px; height: 80px; padding-top: 2px; text-align: left; text-decoration: none; font-family: Verdana, Arial; font-size: 16px; vertical-align: top; …

    Asked by ce-ce,

    0 votes
    3 answers

  11. IE 9 Едет меню

    Здравствуйте. Верстал шаблон и решил глянуть как это все смотрится в ие, в хроме и фаерфоксе нормально, а тут вот такая штука вот ксс: .navs li a{ border:1px solid red; position:relative; font-size: 12px; text-decoration:none; line-height: 30px; color: #4C4C4C; font-weight: bold; cursor: pointer; float: left; display: inline; padding: 0 15px; height: 30px; background: none; } Флоат в ИЕ начинает срабатывать после того как задается размер шрифта font-size: 12px; Если не вписывать его то обтекании не происходит, пункты идут в столбик, в других браузерах размер шрифта задавать не обязательно, обтекание срабатывает. Вот HTML: <div class="navs"> <ul><li>…

    Asked by Dolce,

    0 votes
    3 answers

  12. css + ul :: как сделать следующее (рис)..

    как этот список оформить с помощью css или jquery? спасибо всем

    Asked by kay05,

    0 votes
    3 answers

  13. float и border

    Добрый день. Вот есть вопрос хочу разместить два слоя рядом которые делят контейнер на половину. Ну если добавляю еще рамки к слоям то получается нето что я хочу(смещение по вертикали). Как я понял это из за border. Как можно это исправить? ССS #conteyner { width:80%; } #main1 { float:left; width:50%; border:1px Solid red; } #main2 { float:left; width:50%; border:1px Solid red; } HTML <div id="conteyner"> <div id="main1">1</div> <div id="main2">2</div> </div> Как реализовать?Понимаю что рамка нарушает отношение 50 на 50 из за этого и ошибка.

    Asked by goodbenya,

    0 votes
    3 answers

  14. Логотип с помощью CSS

    Такой логотип, как мне кажется, невозможно сделать средствами CSS. http://savepic.su/2325834.htm Его проще вырезать с прозрачным фоном и сохраненной тенью. Я правильно думаю?

    Asked by aaron,

    0 votes
    3 answers

  15. Размещение div с текстом по центру

    Есть html: <!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" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Переход на внешний сайт</title> </head> <body> <div> <span> <h2> Переход по внешней ссылке </h2> <p> Вы будете перемещены через [b]секунд[/b] </p> </span> </div> </body> </html&gt…

    Asked by Strek,

    0 votes
    3 answers

  16. Псевдокласс :focus

    почему :focus не срабатывает при клике мыше по кнопке <input type='button' />

    Asked by cyber_ua,

    0 votes
    3 answers

  17. Проблема с a:hover

    Есть некое меню. Напротив каждого элемента меню стоит маленький треугольник малинового цвета. При наведении на элемент - бэкграунд меняется на картинку с градиентов. Все дело в том, что нужно чтобы и треугольник малиновый менялся на белый. Но бэкграунд с градиентом перекрывает это и поэтому треугольник не учитывается. Неоднакратно видел на различных сайтах подобное и все работало. Что нужно исправить? То есть перекрывается и треугольник и бекграунд, а нужно только, чтобы перекрывался треугольник. Можно посмотреть пример: http://files.mail.ru/M1R4BM (прошу прощения за ссылку на сторонний ресурс, но как иначе?)

    Asked by Thunder,

    0 votes
    3 answers

  18. Картинки+текст в один ряд

    Ребят помогите с css, как сделать в div вот так ->

    Asked by Blackninja,

    0 votes
    3 answers

  19. Сьезжающие вниз блоки(Глюк margin:0 auto и/или border:1px solid black)

    Здравствуйте. Сама совсем недавно начала разбираться с вёрсткой сайтов. И вот уже с самого начала появилась проблема, которую не выходит решить самостоятельно. Так что, прошу помоч. Для более наглядного размещения блоков, исполйзовала border: 1px solid black. После удачного размещения все бордеры поставила в ковычки. Но после этого блоки container и header сьехали вниз на 70px (на сколько я понимаю). Блок logo остался на том же месте где был (по отношению к верхней границе экрана). в чем ошибка? INDEX - <body> <div id="container"> <div id="header"> <div id="logo"> <a href="index.php"></a> </div> </div>…

    Asked by ilaga,

    0 votes
    3 answers

  20. 100% высоты HTML5

    Подскажите пожалуйста способ растяжки блока по высоте на 100% на странице с доктайпом 5 html. И так же хотел спросить linear-gradient никакой браузер не поддерживает, нужно вендорные префиксы использовать?

    Asked by tini.kRyptoNite,

    0 votes
    3 answers

  21. Верстка CSS меню

    Доброго всем вечера! Возникла проблема при верстке меню средствами html и CSS без использования фоновых картинок. В приведенном ниже изображении первая ссылка находится в обычном состоянии, а вторая в состоянии hover. В принципе сам вопрос в том как сделать полоски идущие по верхней и нижней границе меню, как я понял свойством border так не обрисовать ибо полосы идут чуть ниже границы. Прошу помощи!

    Asked by xayleks,

    0 votes
    3 answers

  22. Надеюсь Вы поможете

    Здравствуйте. Помогите пожалуйста. У меня на главной странице sidebar съезжает вниз ее. На других страницах все нормально. В index.php я не копалась.

    Asked by Platina,

    0 votes
    3 answers

  23. Иконки на сайте

    Здраствуйте дорогие друзья помогите немного мне разобраться.В общем картинка ->САМА картинка.Где стрелочка хочу разместить маленькую иконочку как это сделать?

    Asked by Alex15,

    0 votes
    3 answers

  24. Размеры и верстка сайта

    Здравствуйте! Скажите пожалуста какой использовать стандарт размеров сайта? какая лучше верстка % или px? И есть ли в php или js код благодаря которому можно определять размеры браузера, чтобы потом подогнать сайт под него?

    Asked by Devil,

    0 votes
    3 answers

  25. Как вставить картинку в всплывающее окно?

    Не знаю как правильно описать, но все же. На фотографии добавил так называемый инструмент "Прямоугольной активной области" (adobe dreamweaver). И вот что получилось: <map name="Map" id="Map"> <area shape="rect" coords="647,225,699,273" href="#" alt="" /> </map> Суть такова, как сделать так, чтобы при наведение курсора на эту область, всплывала подсказка с фотографией? Просто чтобы выводился текст, у меня вроде получилось, а вот с фотографией беда.

    Asked by angnek,

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