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. Не могу понять, откуда берется отступ?

    То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…

    Asked by d0ublezer0,

    0 votes
    1 answer

  2. При попытке адаптировать шаблон уплывают смайлы

    При попытке адаптировать HTML/CSS шаблон для DLE вниз уплывают смайлы вот что имеем Может кто знаком с DLE, что в ответе за такую каку.

    Asked by magls,

    0 votes
    0 answers

  3. Масштабирование картинки в IE

    <table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?

    Asked by Mihaile,

    0 votes
    3 answers

  4. Аудио плеер на сайте

    На сайте есть несколько радиостанций, которые пользователи должны, слушать в плеере на сайте на данный момент радио играет через плагин windows media player, но это только для винды html 5 <audio> - не всеми браузерами поддерживается и не может играть все радиостанции, ссылки вида mms:// он не воспринимает пробовал различные флеш плееры, но они играют только mp3, кучу других форматов не воспроизводятся возможно ли сделать какой либо универсальный плеер, для разных браузеров и ОС? либо подскажите какие стандартные плагины есть на маке и линуксе (хотя бы в убунте 10), чтоб пользователям не пришлось устанавливать кучу дополнительного софта

    Asked by alex196,

    0 votes
    0 answers

  5. Правильно ли я составила DOCTYPE?

    Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?

    Asked by anna-2010,

    0 votes
    1 answer

  6. проблема отоброжение в ie7

    Есть таблица в ie8, opere,mozile показует норм, а вот в ie7 отступы не применяются #table_1 { width:478px; margin:47px 100px 70px 124px; } В ie7 таблица привязуется к верхнему левому углу.

    Asked by fastikkk,

    0 votes
    1 answer

  7. Как показать несколько изображений на одном месте одновременно?

    Добрый день. У меня есть несколько местами прозрачных изображений одинакового размера, которые хотелось бы показывать наложенными друг на друга в различных комбинациях - типа слоёв. Не подскажите, как лучше это сделать? Заранее спасибо.

    Asked by ysa_list,

    0 votes
    1 answer

  8. Не работает внешний CSS

    Сервак Денвер 3. ОС - Windows 7. Когда прописываю стиль непосредственно на странице всё нормально, а внешняя таблица не работает. Я в CSS абсолютно не разбираюсь, но чтобы разобраться необходимо что-бы он хотя бы как то работал. Помогите плиз. Вот упрощённый код страницы и таблицы стилей. Страница: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel=”stylesheet” type=”text/css” href=”http://bookinist.b13.su/html/w.css”> </head> <body> <p>lkdfjglsd</p> </body> </html> Таблица: body {background-color: red;} p{color: green;}

    Asked by vamfirius,

    0 votes
    3 answers

  9. Влияет ли семантика на результат поиска?

    Недавно в мобильном интернете наткнулся на конкурс по продвижению 'бессмысленной фразы' в поисковиках. Участвовать в нем я не собираюсь, но глядя на коды страниц захотелось доказать (вне конкурса), что важней всего не мета теги, а семантика html. Посмотрите, пожалуйста, грамотно ли я сложил страницу? код удалил, так как эта тема уже в поиске отображается И будет интересно узнать влияет ли семантика на результат поиска или она нужна просто для валидации

    Asked by Gnom7,

    0 votes
    7 answers

  10. градиент тегом

    Возможно ли сделать градиент не вставляя картинки, а атрибутом тега?

    Asked by Pavlov___,

    0 votes
    1 answer

  11. Появление введённого текста на странице

    Здравствуйте! Я самоучка, по этому мой вопрос может показаться вам глупым! Так вот! Нужно сделать так, чтоб на одной странице пользователь заполнял строки, а на другой странице показывалось то, что он написал! Может мне нужно воспользоваться формами? Жду ответа! Заранее спасибо!

    Asked by Andrfas,

    0 votes
    3 answers

  12. Помогите с позиционирование простой структуры блоков

    Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…

    Asked by artpol,

    0 votes
    5 answers

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

    Здравствуйте. Делаю резиновый сайт. Не оплучается сделать нормальную высоту контейнера, работает только с фиксированным размером. Перепробовал вё что можно, не получается и всё Суть в том ещё, что сделано несоклько слоёв, на нижнем слое помещён слой с картинкой фона, который должен так же ресайзится. Может проблема в этом... В коде жирным выделил, то, что добавлял, думая, что это поможет... Код html: <div id="wrap"> <link href="css.css" rel="stylesheet" type="text/css" /> <div id="layerbg"> <img border="0" src="pict/bg.jpg" width="100%" height="100%"></td> </div> <div id="header" align="center"> <div id="topmenu" align="c…

    Asked by Hobu4ek,

    0 votes
    4 answers

  14. Проблема с отображением сайта

    Доброго времени суток. Подскажите пожалуйста, почему такое происходит. Страница сайта загружается не сначала, а с небольшим скролингом, примерно пикселов 20-30. И поэтому шапку сайта видно не полностью, верхняя часть шапки скрывается за верхней границей окна браузера. Может я чего туплю? Но уже несколько дней ломаю голову.. Временно прописал <body onload='window.scroll(0,0)'>, но ведь это не правильно..

    Asked by curious,

    0 votes
    6 answers

  15. Как сохранить позицию страницы?

    Доброго времени суток. Есть такая проблемка. Каталог товаров, на странице присутствует пускай 70 пизций. напротив каждого названия есть корзинка для заказа. Суть проблеммы: если прокрутить страничку в самый низ и заказать один из последних товаров то после выполнение обработки добавление товара в корзину страничка перегружается и соответственно перемещается вверх (или другими словами обновляется). Подскажите как можно реализовать следующее, после нажатия на корзинку и обновления страницы опустить прокрутку на прежнее место? Скажу сразу что несколько кодов находил в интернете но прикрутить никак не получается. Заранее благодарен.

    Asked by Drongo,

    0 votes
    4 answers

  16. Отображение списка

    Доброго времени суток. У меня возникла проблема необходимо сделать меню одним списком, только что бы оно отображалось примерно так: Проблема как раз состоит в том что блок меню ограничен по высоте и то что не влезет должно отобразится сбоку. Подскажите это вообще реализуемо?

    Asked by romko,

    0 votes
    2 answers

  17. Проблема вёрстки резинового меню

    Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px…

    Asked by Kostyan,

    0 votes
    7 answers

  18. Сложное меню

    Ребята, подскажите, или может есть пример как можно верстануть списком (дивами) такое меню, не могу логику уловить. Буду благодарен

    Asked by okunev2,

    0 votes
    5 answers

  19. Шапка сайта.

    Всем привет! Помогите в такой проблеме. Когда я смотрю свой сайт на плоском мониторе (у меня монитор SAMTRON 76DF) картинка вставленная в шапку отображается 2-3 раза т.е. не рестягивается. Подскажите в чем может быть причина и как ее исправить. Заранее благодарен!

    Asked by 77999,

    0 votes
    6 answers

  20. Формирование ссылок. Нужна помощь.

    Всем доброго дня. У меня возникла одна проблема с формированием ссылок. Расскажу в начале предисторию. Решил я написать поиск по своему каталогу товаров. Поиск написал работает нормально. НО! При выводе списка товаров, которые соответствуют поисковому запросу есть проблема с ссылками. А именно, у меня в списке присутствует название товара и рядышком возле него корзинка для быстрого заказа, href для корзинки выглядит так http://bccomteh.com.ua/search/?qrstr=nokia&dir=ASC&order=_3&o[28][17885]= работает эта кнопочка нормально, вопросов нет, а для назавния (для перехода на детализацию товара и его описания) выглядит вот так http://bccomteh.com.ua/search/32?pid…

    Asked by Drongo,

    0 votes
    3 answers

  21. Подскажите начинающему

    Уважаемые юзеры возможно вопросы имеют очевидные ответы для вас, но я новичек в верстке, только осваиваю и не всегда получается найти ответы на все возникающие вопросы, будьте любезны подсказать или ответить на два вопроса: 1) Первый вопрос касается тега <object> Читая литературу по XHTML я пришел к выводу что тег <object> предназначен не только для вставки мультимедия , но также но по стандартам W3C должен заменить тег <img>. Возник вопрос, почему сегодня в сайтах его не применяют? То есть хотелось бы понять в чем сложность его применения как альтернативы <img> и как должен выглядеть тег <object> с картинкой? В качестве ответа мне интере…

    Asked by Серый*,

    0 votes
    4 answers

  22. Нужно изменить формат тега </hr>

    Здравствуйте! Решил изменить вид комментариев на своем сайте! Остановился на данном варианте: Подогнал под DLE, убрал ненужное, добавил необходимое! Но вот в чем проблема: у меня на сайте полоска, вызываемая тегом </hr> после даты выглядит совсем не так как на скриншоте а вот так: Помогите исправить данную полосу! Вот CSS код, который прилагался к этому виду комментариев: /*===COMMENTS===*/ table.comblock {background-color: #ffffff; } table.comblock td.cblock-content {background: transparent url("/images/comment/cblock_center_mtop.gif") left top repeat-x; } table.comblock td.cblock-left { vertical-align: top; background: url("/images/comment/cblock_middle_left.gi…

    Asked by kombat003,

    0 votes
    5 answers

  23. Отображение блока только в Opera?

    Прелюдия: При разработке интерфейса, столкнулся с проблемой что визуальный редактор TinyMCE некорректно работает в браузерах Opera10+. Более или менее сносно работает только тема simple, в которой ограниченный набор функций. Действия: Решением в данной ситуации было вынести плагины во внешний блок. Что было тут же реализовано. Проблема: Как спрятать этот блок от всех других кроме Оперы браузеров? Реализация любая: css, js, php... Уже час гуглю - пока 0. _______________________________________________________ js^ if(navigator.userAgent.indexOf("Opera")!=-1){... Дает ошибку в safari & chrome браузерах, надо кроссбраузерное решение...

    Asked by nayre,

    0 votes
    6 answers

  24. Браузер не распознает кодировку

    <!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Лето</title> </head> <body> <br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето 123 </body> </html> Если этот текст помещаю в test.php, то получаю вот такие крякозябры: Если же в test.html, то нормальный вывод. Если в браузере выбрать кодировк…

    Asked by warobushek,

    0 votes
    3 answers

  25. Повторение фона через равные промежутки?

    К примеру, я хочу повторять фон в слое, но для экономии трафика режу фоновую картинку по границам видимых элементов на ней. Ну, обрезаю прозрачные края. Можно ли как-то размножить фон через равные промежутки, а не стык-в-стык? Надеюсь, понятно объяснил, чего хочу добиться.

    Asked by d0ublezer0,

    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