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. Немогли разъяснить в чём разница?

    Каково разница и за что они отвечают: <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> И <STYLE type="text/css"> Заранее спасибо

    Asked by Alex15,

    0 votes
    5 answers

  2. Кнпки сьезжают

    Здравствуйте. Сверстал свой сайт, но когда я уменьшаю окно браузера или уменьшаю разрешение монитора до 1024х768точек то все кнопки и текст съезжают вправо, вот скрин: http://pikucha.ru/i95CF Подскажите что сделать чтоб оно на всех разрешениях стояло как надо, на 1280х1024 стоит там где надо.

    Asked by EvilDoom,

    0 votes
    5 answers

  3. vertical-align и Opera

    <div class='podval'> <span>xxxxxxxxxxxxx</span> </div> .podval span { font-family: verdana; color: white; Font-weight: bold; vertical-align: -75px; } Во всех браузерах текст по вертикали нормально выравнивается (с помощью vertical-align), а Opera ни в какую? В чем дело? у Opera вроде как полная совместимость с этим свойством, в чем может быть причина? Заранее благодарен за ответ. версия Opera 12.01

    Asked by Lutciy,

    0 votes
    5 answers

  4. Как сделать, чтобы цвет маркеров в списке отличался от цвета текста? Без спана. Без картинок.

    Знаю, что знатоки любят головоломки по верстке, поэтому предлагаю вот такую задачку, которую сегодня пришлось решать. И, что порадовало и удивило, успешно) Чтобы все было по честному, результат будет сделан картинкой (чтобы не повадно было посмотреть css), html-код я прикладываю. Итак, есть такая статья «Как сделать, чтобы цвет маркеров в списке отличался от цвета текста?», там предложен способ с тэгом span. А можно ли добиться того же эффекта без спана? И, естественно, без картинок, чистым css? Что скажете? В общем, предлагаю подумать над css. Уверен, что решение будет в ближайшие пару часов. Если нет, тогда поделюсь своим, которое, имхо, вполне удачное. Просто очень ин…

    Asked by provoloka,

    0 votes
    5 answers

  5. Как сделать элементарное "Подождите, загружается"

    Здравствуйте! Скажите пожалуйста, как вывести "подождите", пока выполняется php скрипт? Есть php скрипт, выполняющийся 20-30 секунд. Пока он выполняется, надо вывести пользователю - "Подождите, работаем ..."

    Asked by makemeunder,

    0 votes
    5 answers

  6. Проблема с include

    Возникла следующая проблема:если какой-то блок включать инклюдом то появляется пробел если вставить просто код без инклюда то пробела нету не понимаю что за бред не имеет значения вносить элементы таблицы в пхп блок или нет результат один. С инклюдом: index.php : <? include("blocks/bd.php"); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="styles/main.css"> <title>Документ без названия</title> </head> <body> <table width="690" align="center" class="main_border"> <? include("blocks/header.php"); ?> <tr> <td valign="top" bgcolor="#FF…

    Asked by oleg.kan,

    0 votes
    5 answers

  7. Эмуляция placeholder в старых браузерах

    Написал небольшой javascript, который эмулирует работу нового атрибута placeholder, появившегося с приходом htm5, в старых браузерах (особый смысл это имеет в ie). Placeholder - выводит текст внутри поля формы, который исчезает при получении фокуса. В сжатом виде скрипт весит всего 1 609 байт. Плюсы данного решения: Не какого лишнего js-кода в html Маленький размер Не нужны сторонние библиотеки (например я находил решения с использованием jQuery) Обработка отправки формы на сервер (т.к при эмуляции подсказки хранятся в value они могут быть отправлены на сервер вместе с другими - заполненными полями). Placeholder.js обрабатывает эту ситуацию и не посылает лишние данные н…

    Asked by Kerny,

    0 votes
    5 answers

  8. Помогите "чайнику" с кнопками на HTML

    Добрый день, уважаемые форумчане! Прошу у вас помощи, в наверное простом для вас вопросе. Сам я очень далек от верстки, но начал мастерить некое устройство на микроконтроллере управляемое через браузер и столкнулся с проблемой. В идеале мне бы хотелось чего то примерно такого: Слева кнопка "Vol -" потом значение VolValue, а справа соответственно кнопка "Vol +" По нажатию этих кнопок браузер должен передавать микроконтроллеру значения cmd=8 и соответственно cmd=9 (там, на микроконтроллере парсится строка запроса от браузера в поисках cmd и выполняются соответсвующие действия). Но у меня не получается сделать желаемое в одной строке. Т.е. если я делаю так: <form METHOD=…

    Asked by Alex-GK,

    0 votes
    5 answers

  9. Валидный HTML5 код

    Помогите разобраться. Я так понимаю, что в HTML4 следующий код был не валидным: .. <a> <div>text</div> </a> .. А именно из-за того, что тег <a> текстовый, и внутрь текстового нельзя помещать блочный. Но этот код становится валидным, если <!DOCTYPE html>. Собственно, почему? Например, может <a> перешёл в разряд универсальных тегов?

    Asked by smevok239,

    0 votes
    5 answers

  10. бордюр не на всю высоту элемента

    свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?

    Asked by sc@r@bey,

    0 votes
    5 answers

  11. текст под картинкой.

    Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).

    Asked by Simpsons,

    0 votes
    5 answers

  12. как сверстать кнопку в меню не под прямым углом

    в изображении привиден пример когда выделение активного пункта меню выделенно вормой в виде параллелограмма как лучше сверстать такой объект? Может в css3 и html5 есть для этого какието примочки? буду благодарен за любую попмощь

    Asked by Lisjann,

    0 votes
    5 answers

  13. Clear

    Во многих шаблонах доступных в интернете, в коде встречал <div class="clear"></div>,.clear { clear: both; }, в этом диве ничего не находится, так для чего он нужен? Понял что для выравнивания элементов, но каких если в div'е ничего не содержится? Так же этот див может встречаться несколько раз, в основном после шапки и перед подвалом(футером), если убираю этот див то на странице ничего не меняется, так в чём же его смысл?

    Asked by Cooooop,

    0 votes
    5 answers

  14. Непонятный отступ сверху в Firefox

    Доброе время суток товарищи! Практически весь день бьюсь над проблемой непонятного отступа сверху ТОЛЬКО в Firefox. Фаербагом смотрел, он мне ничего не показывает. Там есть margin-top: 15px у верхних блоков, но так и задумано. В лисе же отступ гораздо больше... Ссылка на сайт: http://weltgroup.ru/sdm124/

    Asked by Shadow_of_Doubt,

    0 votes
    5 answers

  15. Расположение блоков снизу вверх

    Делал сайт, смотрю на макет, а там блок в котором несколько элементов идут снизу вверх. Вот так Это пример этого самого блока, цифрами обозначен порядок расположения "кубиков-кнопок". Т.е. каждый новый "кубик" добавляется слева, а не справа, либо отталкивается каким-либо образом от правой границы. Причем такой блок будет не один и внутри каждого будет разное количество "кубиков", с фиксированным количеством проблем бы не было, сделал бы отступами, но так не знаю что и придумать. Хотел на js сворганить, но решил всё таки поискать решение без его использования. Надеюсь на вашу помощь. Попытка сделать через <ul> с float:right на первой строчке даёт необходимый резул…

    Asked by zlodeev,

    0 votes
    5 answers

  16. передать содержание option

    объясните пожалуйста как можно при отправке формы передать в массиве $_POST содержание тэга <option value="42">ул. Попова</option>. то есть я говорю про строку "ул. Попова", а не про "42" догадываюсь, что можно использовать hidden-поле, но не понимаю как присвоить значение может другие способы существуют? устроит даже js-решение

    Asked by cyklop77,

    0 votes
    5 answers

  17. Позиционирование в css3

    Здравствуйте.Подскажите.Создал объекты с закругленными углами.Один с фиксированной высотой и шириной внутри другого у которого ширина и высота 90%.Как этот внутренний объект двигать? И как внутрь еще добавить объекты.В конечном итоге это будет страница сайта большой объект у которого 90% ширина и высота и несколько маленьких меню и содержание в которых будут размещаться.Код <style type="text/css"> div { margin: 0 auto; } .bord { background: #EBECDF; width:90%; height:90%; border:2px solid #B0B384; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; } .mord { background: #EBECDF; width:600px; height:400px; border:2px solid #B0B384; bord…

    Asked by ottawa1,

    0 votes
    5 answers

  18. элемент посредине страницы

    как сделать? в смысле не только по горизонтали, но и по вертикали

    Asked by sc@r@bey,

    0 votes
    5 answers

  19. :hover и элементы страницы

    Для меня было приятным открытием узнать, что :hover можно применять не только к ссылкам. Это есть в описании :hover, но пока все примеры были привязаны к тегу <a>, в голову не приходило, что может быть иначе. Я сделал div(div:hover img {opacity: 1}), внутри картинка (opacity: 0.75) и список с ссылками (a:hover {text-decoration: underline}, остальные состояния - text-decoration: none). Соответственно, при наведении мышки на div, картинка становится непрозрачной, при наведении на ссылку получаем подчеркивание. После пары экспериментов возник вопрос: если мне нужно, чтобы при наведении на один объект менялись свойства другого, не вложенного в первый, каким способом это…

    Asked by Morph,

    0 votes
    5 answers

  20. Выравнивание текста в блоке по ширине и по левому краю

    День добрый форумчане. Суть вопроса. Есть блок с текстом, блок резиновый. Задача: если ширина блока меньше определённого количества пикселей, то выравнивать текст по левому краю блока, если же больше — по ширине блока. Можно ли это реализовать на голом html5 + css3 или, только js Если с js то желательно примерчик или ссылку на мануал. Спасибо.

    Asked by bigperson,

    0 votes
    5 answers

  21. Не растягивает DIV на всю высоту контента

    Вот код и макет Ни в какую не хочет растягивать два разделителя слева и справа (красного цвета) по всей высоте текста.

    Asked by dmitry_d,

    0 votes
    5 answers

  22. Не применяются стили в Explorer

    Господа форумчане, подскажите почему в горизонтальном меню номально отображаются картинки и отступы во всех браузерах, кроме пресловутого Explorer? Сайт: http://spb-matrasy.ru/

    Asked by Epileptoid,

    0 votes
    5 answers

  23. подскажите с чего начать?

    Хочу сделать приблизительно вот такой сайт. Верстать умею, но не знаю как сделать его так что бы было удобно потом наполнять и редактировать. Подскажите пожалуйста с чего начинать?Есть предположение что нужно как то синхронизировать с CMS? но как - понятия не имею.

    Asked by olechic,

    0 votes
    5 answers

  24. Прозрачный указатель

    Привет. Подскажите как верстают подобные прозрачные указатели на активную ссылку?

    Asked by ghrd,

    0 votes
    5 answers

  25. Прокрутка

    Подскажите как сделать прокрутку только розового блока http://opex.servegame.com:808/site (основное содержимое), чтобы всё что в него не помещается можно было прокручивать. Если кто не понимает, мне нужно как в контакте прокручивание, к примеру, списка аудиозаписей.

    Asked by Mr_ILYAS,

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