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
-
Не правильно отображает в Mozilla Firefox
Google Chrome, IE - отображает правильно, в Mozilla Firefox нет. http://demo.joomlaworks.net/tabs-and-sliders-for-articles
0 votes17 answers -
Подключаемый шрифт
Здравствуйте, подключил .otf шрифт к проекту, но во всех примерах написано про подключение шрифта с расширением .ttf Есть ли смысл конвертировать .otf шрифт в .ttf если браузеры поддерижвают расширение .otf и шрифт отображается корректно?
0 votes4 answers -
Карусель с навигацией в 2 ряда
Всем привет! Есть задачка - сделать карусель, в котором навигация в 2 ряда http://prntscr.com/pb6dlu Обычно пользуюсь плагином slick. Есть у него в настройках slidesPerRow и rows, с помощью которых можно выстроить визуально в 2 ряда, но увы, навигация работает некорректно. Буду благодарна советам, как такое можно реализовать. Slick не обязателен, может есть другой хороший плагин.
0 votes10 answers -
Идентификаторы в контекстных селекторах
Доброго времени суток! Данное определение стиля не работает <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> #list1 ul li { list-style:none; } </style> </head> <body> <ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html> А если указать <style type="text/css"> ul#list1 li …
0 votes5 answers -
Выделение ссылки в блок
Вот: Как мне сделать при наведение на ссылку, вокруг не? был бы блок, как на рисунке - черный блок? Как именно сделать блок, чтобы он заливал ячейку в таблице полностью где ссылка и не было бы видно с права и слево фоновых линий (белая полоска) по краям? Плиз не пинайте ногами, подскажите пример! Вот код, куда применяю стиль: <td colspan="2"><a class="top_menu1" href="#">Главная</a></td> вот css: a.top_menu1 { color:#666666; font: 9pt Tahoma; } a:hover.top_menu1 { color:#666666; font: 9pt Tahoma; display: block; }
0 votes4 answers -
изменение маркеров списка
Хотел сделать раскрывающийся список с изменяющимся при наведении курсора маркером. Этот код работает в ИЕ и не работает в firefox li a:hover { list-style-type: none; list-style-image: url('../image/style/fleche-orange.gif'); color: Gray; } li a { list-style-type: none; list-style-image: url('../image/style/fleche-gray.gif'); color: Black; } Этот код работает в firefox и не работает в ИЕ li:hover { list-style-type: none; list-style-image: url('../image/style/fleche-orange.gif'); color: Gray; } li { list-style-type: none; list-style-image: url('../image/style/fleche-gray.gif'); color: Black; } Как сделать изменение маркера для обоих браузеров без Ява скрип…
0 votes2 answers -
прозрачный фон
Всех приветствую Столкнулся с проблемой, нужно сверстать страничку таким образом: 1. в самом низу лежит растянутая на весь экран картинка 2. на ней блок с полупрозрачным фоном пишу вот такой код <!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> <title> test </title> <style type="text/css"> html, body { margin: 0; padding: 0; } #background_image { z-index: -1; position: fixed; width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0.40; } #con…
0 votes6 answers -
Не могу задать порядок слоев в ИЕ и О
Верстал сайтик очередной. И попал в жесткое затруднение. Открываем ссылку например в лисе. Наводим поочередно на левую и правую часть. Появляются тултипы и если кликнуть то будет переход на следующую или предыдущую страницу. Если открыть в ИЕ7-8 или Опере, то ссылки не будет. Будет перекрытие. Пробовал разные вещи 1. Менял порядок вывода элементов, т.е. сначала картинка, потом ссылки, и наоборот 2. Пробовал в блоке позиционировать все элементы 3. Игрался с z-index. Даже не знаю что и делать
0 votes20 answers -
Отточие
Всем добрый день. Меня интересует вопрос создания отточия в верстке HTML письма. Тема создания этого элемента разными способами поднималась и здесь, и на других сайтах, но речь всегда идет просто о HTML и CSS. В моей ситуации есть ограничения E-mail HTML. Я уже сломал голову. Может кто-то сталкивался с этой проблемой?
0 votes13 answers -
Вопрос
Всем привет, я новичок и хотел бы узнать, а часто ли используют при верстке в html теги редактирования текста, такие как - <b>, <i>, <strong>,<em>
0 votes4 answers -
галерея
Привет всем! подскажите как можно сделать такую вещь: есть два блока, один сверху другой снизу, в верхнем блоке расположено несколько рисунков маленького размера, при нажатии на один из рисунков, он должен появляться в нижнем блоке, но уже в увеличенном размере. Желательно все это сделать при помощи css:) Буду очень благодарен за помощь!
0 votes9 answers -
Выравнивание в XHTML
Добрый день. Возникла проблема в XHTML с выравниванием по вертикали, подскажите, пожалуйста, как центрировать текст, при параметрах таблицы height=100% и width=100%? Спасибо.
0 votes9 answers -
Oracle VM VirtualBox
Начну с того, что установил Oracle VM VirtualBox, создал виртуальную машыну с Linux Ubuntu, запускаю и через несколько секунд появляеться вот такая надпись FATAL: No bootable medium found! System halted.Что ето за ошибка?
0 votes7 answers -
Как указать класс для списка?
Как указать класс для маркированного списка, задающегося тегами и [*], чтобы стиль CSS применялся только для данного списка, а не для всех ссылок на странице, у которых есть теги и [*]
0 votes2 answers -
SELECT и background. IE & opera VS FF
select{background: url('images/select.gif') repeat-x; border: 1px solid #acacac;} <select class="md"> <option value="">январь</option> <option value="">февраль</option> <option value="">март</option> </select> в FF все просто замечательно, а осел и ДАЖЕ ОПЕРА не показывают фон. нипонимай.
0 votes2 answers -
прицепить резиновый футер к фиксированному центру
есть такая структура: есть фоновые хедер, мид и футер, растянутые на 100% ширину окна браузера. Сам контейнер сайта фиксированной ширины по центру(с помощью position:absolute накладывается на фон). Как сделать так чтобы положение 100%-го по ширине футера менялось в зависимости от содержимого контейнера. Т.е. грубо говоря футер цепляется к дну контейнера и гуляет вверх или вниз в зависимости от того как заполнен содержимым контейнер. надеюсь понятно объяснил :-)
0 votes5 answers -
Баг Safari и Chrome игнорируются свойства body указазанные в css
Привет, всем. Решил поделиться решением проблемы с которой долго промучился. Если указать в css кодировку - << @charset "utf-8"; >>, то браузеры Safari и Chrome не будут воспринимать первый идущий следом за этой строкой селектор (обычно это body {} или html {})! Образец: <style type="text/css"> @import url(reset.css); @charset "utf-8"; body {background:green;}/*Это свойство не будут отображать Safari и Chrome*/ </style> Решение простое, нужно просто удалить строку "@charset "utf-8";
0 votes10 answers -
"Падает" контент под меню на float
Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…
0 votes8 answers -
Интерактивная схема помещения (expo)
Добрый вечер, Для выставки требуется сделать интерактивную схему помещения/зала, с добавлением фирм и их последующим редактированием. Может кто сталкивался с похожими плагинами? Чтобы сделать самому, к сожалению не заточены руки. Пример того, что нужно - иностранный сайт тык, со схемой выставки и фирмами, эту софтину, как я понял они взяли с этого сайта: тык, который предлагает данный софт, но никак не пойму как скачать демку, да и вообще не пойму как заказать. Помогите пожалуйста разобраться с этим сервисом или если кто знает может быть есть похожий плагин у нас?
0 votes2 answers -
Баннер
Как сделать всплывающий баннер?
0 votes6 answers -
Помогите с кроссбраузерностью
Здравствуйте, товарищи разработчики. Намекните, пожалуйста, как поправить сие чудо http://terramedika.ru/ в firefox 2. Первый раз я разозлился,что не работает в фф. В остальных браузерах вид более-менее приемлимый. А то ситуация как всегда: верстка горит,а времени нет. Хотя бы очень грубые ошибки,а дальше буду додумывать
0 votes10 answers -
Колоночные макеты
Сразу ссылку на проблему: http://tarik.kasperovich.ru/test/index.html Имеем макет, колонки построены с помощью 'float'. Если в основной колонке (в моём случае - в жёлтой) заюзать свойство 'clear' - очистит до самой длинной из "отфлоченых" (на макете прекрасно все видно). Собственно вопрос: какие вы знаете способы решения данной проблемы? Нужно, чтобы 'clear' работал только в своей колонке. Боковые колонки известной ширины - все остальное занимает центральная. На всю оставшуюся ширину, а не в зависимости от контента. P.S. В гугле был, но толкового решения так и не нашёл. P.P.S. overflow: hidden; - не подходит, т.к. хотелось бы иметь возможность выхода поверх центрального б…
0 votes16 answers -
НЕ выделяется текст цветом в таблице.
Всем привет ) В тексте встречаются таблицы <table class='style'> Но почему-то...одна из таблиц не выделяется голубым, а другая выделяется...(( Не могу понять. Вот код BODY { background-color: #FFFFCC; /* Цвет фона веб-страницы */ margin-left: 20px; margin-right:20px; } h1 { font-size: 14pt; text-align: center; } h2 { font-size: 12pt; text-align: center; } h3 { font-size: 10pt text-align: center; } table { margin: 0 auto; } table.home { background: #FFE4E1; /* Цвет фона */ border: 6px double black; font-size: 12pt; font-weight:bold; } table.list { background: #FFFFFF; font-weight:bold; font-size: 12pt; } table.…
0 votes15 answers -
svg преобразование системы координат
Приветствую всех! Eсть проблема. Когда задаешь svg свойство transform="rotate, scale, .....", это свойство создаёт новую действующую систему координат SVG-элемента. Расскажите, как вы с этим боретесь и боретесь ли вообще. Для иллюстрации . В примере когда применяется hover, кружок улетает, как сделать так что бы он остался на месте и просто повернулся на 45deg
0 votes1 answer -
что прописать в css?
Имею вот такую конструкцию: <td valign="top" height="25" background="/images/003_03.gif"><div id="tabs"> <ul> <li><a href="http://sait/"><span>ГЛАВНАЯ</span></a></li> <li><a href="http://sait/"><span>КОНТАКТЫ</span></a></li> <li><a href="http://sait/"><span>ПОМОЩЬ</span></a></li> </ul> </div></td> c css : #tabs { float:left; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; back…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-