Leaderboard
Popular Content
Showing content with the highest reputation on 03/29/2011 in all areas
-
Топором: .cert_description{overflow: hidden;} Топором 2: .cert_description{white-space: pre-wrap;} "Наразрывный" контент всегда будет растягивать родительский элемент.2 points
-
Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для букв по типу р, у, ф, некоторые части которых опущены ниже базовой линии.1 point
-
http://forum.htmlbook.ru/index.php?showtopic=13589&view=findpost&p=93519 ?1 point
-
и про выбор доктайпа тут уже куча тем. и про новое оформление форума уже не раз говорено. В принципе можно добавить ещё один голос в разделе «о работе форума» за то, что новый дизайн — поганка. Но админ и сам с этим согласен. Со временем обещал сделать нормально. А для html доктайп должен быть таким: <!DOCTYPE html> Всё остальное — отголоски далёкого прошлого.1 point
-
table { table-layout: fixed; }1 point
-
Беда XHTML в том, что он не приучает к порядку, он приучает к формальности. И дает опасную иллюзию, что кодеру не надо думать, будто за него уже подумали валидатор и сам дизайн языка. Типа, соблюдай три несложных правила (закрытие тегов, слеши в одиночных и кавычки в атрибутах) — и всё всегда будет в шоколаде. Даже если написать <p>абзац <h1>с заголовком</h1> внутри</p>. XML веллформный, оснований для "желтой карточки" нет. И если в HTML такой код может хотя бы намекнуть горе-кодеру, что он слегка неправ (отсутствием стиля для абзаца у слова "внутри"), то в XHTML браузеру придется завязаться в узел, но как-то с грехом пополам отобразить такую противоестественную структуру. А думать надо. Всегда. Независимо от выбранного синтаксиса/стиля. Потому что работа кодера именно в этом. А недостающие слеши эти многострадальные, если надо, может и редактор через автозамену расставить...1 point
-
тут трабла в очереди исполнения скрипта. По идее если это группа радиобатанов то активным может быть только один баттон - читай закрашенная звезда. И ui по честному должен очищать ui-state-active классы перед тем как применить на текущий выбранный по клику на лейбл. И собственно в хроме и ие он успевает очистить их перед тем как вы кастомно закрасите нужные звездочки а в мозиле с оперой ваш скрипт срабатывает быстрее, и собственно ui уже очищает ваши заданные классы. По простому решается так $(".stars").click(function() { var radioId = this.id; radioId=radioId.substr(radioId.length-1,1); window.setTimeout( function(){ while(radioId>1) { $("#label"+radioId).addClass('ui-state-active'); radioId--; } }, 200, true); }); Если вы любитель элегантных решений то поковыряться нужно с ui калбеками наверное1 point
-
если к этим таблицам применить {border-collapse:separate;} то вроде все ок (у меня в драгонфлай).1 point
-
sed + find + grep1 point
-
- А вы можете 10 шапок из шкурки пошить? - А как за нефиг! Хоть двадцать! - Шейте! - Вот, пожалуйста! - А чего текст такой мелкий и не читается? - Ну так вы же просили пошить 10 шапок из одной шкурки, мы сделали Народные сказки рулят!1 point
-
Как всё сложно Может подкинете ссылок На уже существующие темы. Спасибо!0 points
-
Вот держи (Я там чуть-чуть исправил - думаю справишься и если надо будет, изменишь на своё) HTML <div id="menu"> <ul class="cat_menu" id="cat_menu"> <li><a href="" class="subcat">Новости</a> <ul class="r1"> <li><a href="">Мир</a></li> <li><a href="">Видео</a></li> <li><a href="" class="subcat">Горячие новости</a> <ul class="r2"> <li><a href="" class="subcat">Афиша</a> <ul class="r3"> <li><a href="">Цирк </a></li> <li><a href="">Фильмы</a></li> <li><a href="">Концерты</a></li> <li><a href="">Спектакли</a></li> <li><a href="">Гороскоп</a></li> <li><a href="">Телепрограмма</a></li> </ul> </li> <li><a href="">Работа</a></li> </ul> </li> <li><a href="">Украина</a></li> </ul> </li> </ul> </div> CSS /* ========================= Menu */ #menu { background : #c70601; width: 100%; height: 46px; margin: 0 auto 30px; padding: 0; color: #ffffff; text-align: left; z-index: 10; } /* ========================= Cat_menu */ #cat_menu, #cat_menu li { float: left; list-style-type: none; background: transparent; } #cat_menu { margin: 0; } #cat_menu li { position: relative; margin: 1px 0 0 0; padding: 0; text-align: center; } #cat_menu li:first-child { background : none; } #cat_menu li a{ display: block; padding: 11px 17px 14px 17px; color: #fff; font-size: 16px; background: transparent; display: block; } #cat_menu li a:hover{ background : #826e6e; color: #fff; padding: 11px 17px 14px 17px; display: block; text-decoration: none; } /* ========================= Sub Menu */ #cat_menu ul { position: absolute; top: 45px; left: 0; background: #eee; width: 200px; border: 1px solid #ddd; display: none; margin: 0; padding: 0; } #cat_menu ul li { float: left; position: relative; width: 200px; height: auto; background: transparent; font-weight: normal; text-align: left; line-height: 1; margin: 0; padding: 0; } #cat_menu ul li a:link, #cat_menu ul li a:visited { color: #c81113; float: left; width: 180px; background: transparent; padding: 6px 10px 8px 10px; font-weight: normal; text-align: left; font-size: 14px; text-decoration: none; } #cat_menu ul li a:hover, #cat_menu ul li a:active { background-color: #826e6e; color: #fff; float: left; width: 180px; height: auto; padding: 6px 10px 8px 10px; font-weight: normal; text-align: left; color: #fff; text-decoration: none; } /* ========================= Sub sub Menu */ ul#cat_menu ul ul { position: absolute; left: 200px; top: 0; display: none; background: #eee; width: 200px; border: 1px solid #ddd; } ul#cat_menu li:hover .r1 {display: block;} ul#cat_menu li .r1 li:hover .r2{display: block;} ul#cat_menu li .r1 li .r2 li:hover .r3{display: block;} P.S. главное суть понять-1 points
-
не буду спорить, но считаю что данное выражение можно переделать в данном случае под единственное число и это не будет являться нарушением авторского права или другого какого-нибудь. весь инет облазил, и везде говорится о применении данного выражения только к людям во множественном числе.-1 points
-
Тема закрыта.-1 points
-
Спасибо. Тему можно закрывать. Постараюсь всё в ближайшее время улучшить.-1 points
-
Мне интересно а можно ли каким либо образом скрыть любую информацию от пользователей различных групп!? например: я хочу чтоб ссылку :<li><a href="Url" >URl</a></li> видили только пользователи или только админы-1 points
This leaderboard is set to Kiev/GMT+03:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-