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. data: URL

    <img style="width:80px;height:100px;position:absolute;left:30px;top:25px;" src="data:image/gif;base64, R0lGODlhZACMAOIEAP/////MM/9mAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJSwAEACwAAAAAZACMAAID/0i63P4wykmrvTjrzbtnQyiOw2eeVyisLFmicKyo7CoKquiQcj/RrVvOVhrVcDqfkjA4Ip9NnBToJCaXJ6qt9Zxuq8joFduJHmk5sbR7XovJTI65NldvzfOuPQTnY/JcRF9DX4V7OHAzLxSAhW5iTZCCgmh+iXE/YHmAhHaBkTmXC5Y7mmCmYW2PNj4upIsNjWunqHR1bqJ+pDO1tq6BqlZEoopMsLKzk05Cv3S4xMUvWs5BtKnLeJFISq4jijeneNbU2L6wMuexfMiG47bhYYuul9PLju7JqvLp9O7i+OTsreOXqI4sTwDvURtjjGGPbLXYWUP2ZhTBVsBoSZwIL/+SMWIQx23kWCXbRW6f6ilMmG/hSYyDJI7UCC/evIfOKvViudLRyxi3JOWbSbMmooLl3NjjGawkHaT6VhI16nRKn6qQNjFturTikpmctgZcavWr2JY82WnzaLYnSbFqO7VFK/…

    Asked by K313,

    0 votes
    3 answers

  2. Верстка "слайдера"

    Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.

    Asked by egoregor,

    0 votes
    3 answers

  3. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien,

    0 votes
    3 answers

  4. Нужны ли такие ссылки?

    В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??

    Asked by fowl,

    0 votes
    3 answers

  5. Как верстать?

    Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо

    Asked by azarkin7,

    0 votes
    3 answers

  6. UTF-8 не отображается

    Здравствуйте! Изучаю HTML по видеоуроку, там короче такой пример: <html> <head> <meta charset="utf-8"> <title>Шаблон</title> </head> <body> </body> </html> Слово шаблон у него в заголовке отображается нормально. У меня абракадабра! Можете подсказать в чём проблема? Кстати когда charset меняю на windows-1251 всё показывает нормально.

    Asked by Gambini,

    0 votes
    3 answers

  7. Специфичность селекторов

    Есть следующий код 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="ru"> <head> <title>Специфичность селекторов</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="style35.css" type="text/css" /> </head> <body> <div class="one"> <p title="privet">Это просто первый абзац текста</p> </div> </body> </html> и следующий код css p[title="privet"] { background: #ff0000; } .one p { background: #…

    Asked by zodcyi,

    0 votes
    3 answers

  8. Select видоизменение

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

    Asked by brendmaster,

    0 votes
    3 answers

  9. Как разместить элементы?

    Никак не получается красиво расположить соц кнопки Яндекса и форму подписки по Емаил. Сейчас это так: Код вот такой <div class="share"> <tabla> <tr> <td> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div> <noindex> </br> Если вам понравилась эта статья или весь наш сайт, то Вы можете рассказать об этом друзьям через социальные сети, нажав на кнопки выше. …

    Asked by fowl,

    0 votes
    3 answers

  10. Можно ли затемнить, или высветлить один край бэкграунда в диве.

    Я создал див для шапки сайта и сделал темный фон для нее, можно ли нижний кран высветлить или сделать прозрачным с помощью каскадных таблиц стилей, или только с помощью редактирования фонового изображения в фотошопе. Заранее спасибо.

    Asked by Archer_x,

    0 votes
    3 answers

  11. деминифицировать js-код

    скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?

    Asked by cyklop77,

    0 votes
    3 answers

  12. открытие результата обработчика формы в iframe

    Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…

    Asked by displayser,

    0 votes
    3 answers

  13. Количество текста не увеличивает площадь DIVа

    Убрала по максимуму лишнее, боюсь если обрежу больше, выйдет версия не такая как у меня, и потом запутаемся. Как видно из названий, это чат, данный пункт, это там где выдаются сообщения, надо, чтоб при большом сообщение его строка вертикально увеличивалась, до нужных размеров, третий день мучаюсь с позиционированием элементов, вроде всё уже выглядело, как хотелось бы, и тут проблема с растяжкой ((

    Asked by animegirl,

    0 votes
    3 answers

  14. поправить слайдер

    помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/

    Asked by cyklop77,

    0 votes
    3 answers

  15. А возможно ли?

    Всем привет! Вот мой сайт http://vs-aqua.ru/ а реально ли его перенести на CMS? Просто он мне очень нравится и не хотелось бы его менять. И если да то подскажите пожалуйста дорогие форумчане как это сделать? Заранее спасибо.

    Asked by ZFJoury,

    0 votes
    3 answers

  16. Сьезжает картинка древовидного меню в IE

    Добрый день! Имеется такая проблема - во всех браузерах кроме IE нормально отображается деревовидное раскрывающееся меню (на вложеном скриншоте). В IE картинка сьезжает и получается очень некрасиво. Вопрос - где копать и как это можно поправить? адрес страницы с меню - http://www.is2.rivne.com/catalog/ полный код css div.menu-sitemap-tree { font-size:100%; } div.menu-sitemap-tree ul { list-style-type: none; margin: 0; padding: 0 1em 0 0; } div.menu-sitemap-tree ul ul { width: auto; margin:-0.75em 0 0 0; padding: 0 0 0 0.75em; } div.menu-sitemap-tree li { margin: 0 0 -0.85em 0; padding:0; } div.menu-sitemap-tree li li { margin: 0 0 -0.85em 0.5em; padding:0; } …

    Asked by everething,

    0 votes
    3 answers

  17. в IE7 пропадают объекты, интересный случай

    Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…

    Asked by safiullin.at,

    0 votes
    3 answers

  18. Нужна помощь в верстке

    Есть вертикальное меню, с фиксированной шириной, а названия пунктов в меню не вмещаются в эту ширину. Получается каша. Как все эти слова выровнять по высоте, чтобы и длинный текст по центру располагался (в две строчки), и короткий тоже выравнивался по вертикали. Вот здесь пример: http://jsfiddle.net/wmEQj/ Заранее спасибо.

    Asked by Imperil,

    0 votes
    3 answers

  19. Opera и first-letter

    Добрый день. Встретил глюк в opera с first-letter. Есть заголовок: h2:first-letter {font-size:62px;color:#7d070f} Он изменяется при клике на пунктах меню с помощью jquery: $('tab a').click(function() { var str = $(this).text(); $('.change').text(str); }); Во всех браузерах работает, а в Опере буквица не изменяется после первой загрузки. Это глюк оперы?

    Asked by freialex,

    0 votes
    3 answers

  20. синяя рамка у картинке в ие

    каа убрать на картинках-ссылках синию рамку в браузере IE? пс в других браузерах этой рамки нет. Заранее спасибо!

    Asked by frog163,

    0 votes
    3 answers

  21. Два DIV с рамкой, не выравниваются друг на друга

    Подскажите пожалуйста: Как сделать, чтобы блок с право, выравнивался к левому блоку (чтобы рамка правого блока была на ровне с левым) Макет вот здесь: JSFIDDLE (макет)

    Asked by AppleMacMy,

    0 votes
    3 answers

  22. Помогите с PDF пожалуйста?

    Пожалуйста, если кто умеет, помогите мне перенести файлы PDF в doc или exl, все перпробовала, разные прогграммы скачала, но ни-чего не получается, может что н етак делаю, уже не знаю Помогите пожалуйста, это надо срочно Спасибо

    Asked by Yarkaya,

    0 votes
    3 answers

  23. Отрицательный правый маржин

    Здравствуйте. Подскажите, пожалуйста, один момент. Есть блок шириной 1000px и margin:0 auto. Внутри два блока - левый и правый. Задача - оба блока частично вывести за экран (влево и вправо, соответственно). Выводимые части блоков должны быть видны только в бОльших разрешениях. При этом в разрешении 1024 горизонтального скроллинга быть не должно. Попытка решения. Даю левому блоку отрицательный margin-left. Все прекрасно - блок частично уехал за экран, скроллинга нет, выведенная часть видна в бОльшем разрешении. Даю правому блоку отрицательный margin-right. Блок уезжает, но появляется горизонтальный скроллинг. Попросту основной блок расширяется на величину margin-right. И к…

    Asked by Sub0,

    0 votes
    3 answers

  24. Вопрос по верстке дайвами.

    Привет всем!.Собственно,я раньше учился верстать на таких известных тегах html как <table> , <tr>, <td> и т.д.,но когда начал изучать css,то понял,что могу обойтись без этих тегов и верстать на дайвах без проблем.Собственно,такой небольшой вопрос: Как сделать так,чтобы форма,сделанная на дайвах,не выделялась как текст?

    Asked by SteeLZzZ,

    0 votes
    3 answers

  25. Из-за чего может не действовать margin и позиционирование?

    Прописываю блоку margin, padding или позиционирование top right и т.д. - блок вообще не двигается ни в одну сторону. Почему такое может бытЬ?

    Asked by Imperil,

    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