HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
punbb Уникальная иконка для каждого форума punbb
Имеется форум на платформе PunBB. Хочу закрепить уникальные иконки для каждого форума. Но никак не получается сменить иконку, когда на форуме появляются сообщения. Когда нет сообщений, используется такая конструкция: <div class="main-content"> <div id="forum24" class="main-item odd"> <span class="icon "><!-- --></span> </div> </div> И в этом случае иконки отображаются корректно. Когда появляются сообщения, то участок кода выглядит так: <div class="main-content"> <div id="forum24" class="main-item odd new"> <span class="icon new"><!-- --></span> </div> </div> В стилях …
0 votes2 answers -
Адаптив
Как лучше делать адаптивную верстку? Выбор того или иного решения зависит только от меня и макета? Какие сейчас тренды, т.к довольно много смотрел, читал и очень часто себя ловил на мысли что видел устаревший приём (тот же самый вопрос 1) Я знаю что есть много вариантов: медиа-теги, флексбоксы, бутстрап (могу ошибаться)
0 votes1 answer -
Не отображается русский текст при использовании css
При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sa…
0 votes3 answers -
Отображение кода в разных местах на разных разрешениях
Всем доброго времени суток! Возникла задача отображать код в разных местах на разных разрешениях. Прилагаю картинку, там все наглядно обрисовал 1) Есть есть 3 блока которым нужно назначить порядочность отображения 2) 2 первых блока, которые расположены слева заключены в свой див 3) Далее они обтекаются третьим блоком, который должен идти справа от них 4) (Блок 2) при разрешении меньше 480px, должен сместиться под блок 3 5) Решения с применением "display: none" и другими приемами скрытия не подходят. Нужно, чтобы код отображался “или там” “или там” 6) Можно и визуально блоки переставить, главное чтобы контент в исходном коде не дублировался. Р…
0 votes2 answers -
Подскажите в чем может быть проблема
Подскажите пожалуйста как это исправить, прилеплю ниже видео https://recordit.co/0B2rrlVWtf
0 votes1 answer -
При увеличении масштаба не растягивается фон
При увеличении масштаба не растягивается фон. Читала, что background-size, должен решить проблему, но не решает. Пробовала и со значением 100%, и значением cover. Пробовала и с префиксами. Синтаксических ошибок нет, я уверена, но оно не работает. При уменьшении масштаба он растягивается, а при увеличении нет. Структура html такая: <body> <header></header> <main></main> <footer> <container></container> </footer> </body> Мне нужно, чтобы у container была фиксированная ширина (задана в px), а фон, заданный в footer тянулся на всю ширину окна. Подскажите, что я делаю не так?
0 votes1 answer -
MozInlineStack и Gecko 2.0
В Хамелеоне не работает следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <title>Тест</title> </head> <style> .moz-block { display:-moz-inline-stack; display:inline-block; } </style> <body> <div class="moz-block"> <div>Registr</div> <div>Date</div> </div> </body> </html> 2 дива сливаются в один. Можно это как-то исправить?
0 votes0 answers -
Добавка кода в сайт
Добрый день! У меня такой вопрос. Вот в Firefox'е есть расширение Stylish. где можно делать свои стили для сайтов (изменять, поменять). А есть ли возвожность добавить свой код на сайт? Вот например возьмём этот форум. В шапке страницы например добавить несколько строк. Может есть дополнение такое. И вообще такое возможно? Спасибо.
0 votes4 answers -
Отображение в Opera
Символ (длинный пробел) в Opera 10, 11 (в других не проверял) отображается, как прямоугольник. Есть ли способ обойти эту проблему, не заменяя этот символ на что-то ещё?
0 votes2 answers -
Как поместить флеш плеер во фрейм
Всем привет. Есть сайт *удалил*, мне нужно сделать чтобы при переключении по страницам плеер не прерывался. Поскажите, это можно реализовать с помощью iframe или frame? Если да, то насколько сильно придется менять шаблон? Чтобы это сделать, надо поместить меню в один фрейм с плеером, я правильно понимаю?
0 votes1 answer -
многослойная шапка
Здравствуйте. Подскажите пожалуйста, как повторить подобную шапку http://www.kino-teatr.ru/ Как этот эффект назвыется? Если можно, покажите пожалуйста простенький примерчик.
0 votes7 answers -
якоря
Будьте осторожны со стилями для ссылок. Обратите внимание на то, что классический якорь (<a name="anchor">) реагирует на псевдо классы :hover и :active. Чтобы исключить это, используйте в качестве якоря идентификаторы элементов, или немного более заумный синтаксис:link:hover, :link:active. [Dave Shea] Примеры мне подкиньте плиз что это за...
0 votes4 answers -
скрипт
Есть ли подобный скрипт,чтобы добавлял музыку,описание и тд.?
0 votes10 answers -
Mod_Rewrite
Здравствуйте, такая проблема: в .htaccess прописал такое правило: RewriteRule galerry/(.*)/(.*)/(.*)/(.*)/$ /galerry.php?$1=$2&$3=$4 При заходе по site.ru/galerry/show/cat/cat/Люди/ сайт теряет css файл, т.е. все отображает, вытягивает нужную инфу из базы, но без стилей... Как я понимаю, при такой иерархии , считается что каждый подуровень это папка, и css ищется на неправильном уровне... Как ето исправить? Зараннее спасибо за ответы. З.Ы. И если не сложно поправте мне правило так что бы ссылка реврайтилась в site.ru/galerry/cat/Люди
0 votes5 answers -
Проблема с div\span
Всем привет! Проблема в том, что я хочу заключить 3 картинки-ссылки в одну строку, но когда я это делаю, то 2 и 3 картинки при наведении курсора "трясутся" и чтобы перейти по ссылке приходится нажимать ПКМ-Открыть. ВОт код <br><span class="buttons"> <a href="http://beltravel.16mb.com/?lang=RU"><img src="wp-content/themes/suvfocus/images/lang/ru.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a href="http://beltravel.16mb.com/?lang=BE"><img src="wp-content/themes/suvfocus/images/lang/be.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a…
0 votes4 answers -
explorer и max-wight
с вашей помощью доработал дизайн: http://rap-game.ru/ в гугл-хром, лисе и опере отображение нормальное. но в експлорере все перекашивает, можно догадаться что из-за параметра max-wight т.е. он не фиксирован. вопрос как это исправить? не делая фиксированным. зы отпишите у кого проблемы с отображением (появление скрола и тд).
0 votes5 answers -
Вставка swf в html
<object type="application/x-shockwave-flash" data="http://somesite.ru/swf.swf?myid=calabanga" width="1px" height="1px" id="calabanga"> <param name="AllowScriptAccess" value="always"/> <param name="myid" value="calabanga" /> <param name="movie" value="http://somesite.ru/swf.swf?myid=calabanga"/> <embed src="http://somesite.ru/swf.swf?myid=calabanga" width="1" height="1"> </embed> </object> Зачем так много параметров? Для отображения флешки ведь достаточно всего некоторых из этих строк? Кто-то может объяснить каждый из этих параметров и какой из них обязательный?
0 votes5 answers -
Вложенная форма (слайдер)
Подскажите пожалуйста, как внутрь слайдера вставить форму для ввода логина и пароля, мне нужно чтобы форма была на первом кадре слайдера ( ссылка на слайдер http://ruseller.com/lessons.php?rub_id=2&id=1443 ) Получается что это как-бы вложенная форма и она не отображается, потому что слайдер сам основан на чекбоксах и как я понимаю HTML такое не поддерживает, есть вариант использовать iframe, но он не желателен. <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" clas…
0 votes2 answers -
Общие вопросы
1.Скажите для background font list-type Значение могут идти в любом порядке ? 2. Не могу понять как при помощи line-height можно выравнивать текст. Например высота p 45px почему когда я беру line-height 45px у меня текст выравнивается по середине ? Где находится базовая линия шрифта ? 3. Подскажите хороший бесплатный хостинг для картинок ? 4. У блочной модели можно прописывать margin, padding, position, width, height. У строчной прописывать это нельзя ? Что такое inline-block ?
0 votes6 answers -
Не работают скрипты после переноса сайта на хостинг
Не знаю ли на тот раздел обратился, купил хостинг и домен, перенес туда сайт - но после переноса не работают скрипты(а именно скрипт плавной прокрутки сайта по якорям), может кто сталкивался с решением данной проблемы? Спасибо PS: на локальном компе через Денвер все работает как часы
0 votes0 answers -
Всплывающие аннотации
Добрый день, господа! Имеется изображение большого формата, необходимо прикрутить к нему всплывающие аннотации. При установке курсора в некоторые координаты всплывает аннотация (окно?), в разных координатах - разные аннотации. Может быть, привязать аннотации к конкретным областям изображения. Объясните, пожалуйста, как это можно реализовать максимально просто и быстро. p.s. В интернете масса материалов на тему "всплывающие окна при наведении на элемент/изображение", если я правильно понял, мне эти вещи не особо подходят, т.к. у меня одно изображение и множество аннотаций, привязанных к точкам на нем.
0 votes3 answers -
HTML Validation и амперсандты в ссылках
Делаю сайт на HTML 4.01 Transitional. В документе есть ссылки с амперсандами: <a href="/index.php?a=1&b=2"> Валидотор ругается на эти амперсанды. Как быть? Это не дело валидотора смотреть строку ссылок. Это совсема не HTML! Хочется чтобы сайт был по всем правилам, а эти ссылки все портят. Можно что-нибудь сделать?
0 votes2 answers -
Что такое png фикс и чем его едят
Что такое png фикс и чем его едят?
0 votes6 answers -
Рамка вокруг рисунка
Как сделать вокруг рисунка любого в контенте рамку серого цвета в 2 пикселя, и чтобы это было кросбраузерно на css?
0 votes1 answer -
Заказчики и IE6
Вопрос для работающих верстальщиков. Как часто попадаются заказчики требующие поддержку IE6? Я понимаю, что браузер практически мертв, но работодатели в объявлениях о найме, бывает, требуют это.
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-