Leaderboard
Popular Content
Showing content with the highest reputation on 04/04/2011 in all areas
-
Нет. Она предлагает несколько вариантов оформления структуры. 1. Классический, который подходит для небольших заметок в блоге или ещё где-нибудь: <article> <h1>Расписание на неделю</h1> <h2>Понедельник</h2> <p> <h2>Вторник</h2> <h3>Утро</h3> <p> <h3>Вечер</h3> <p> <h2>Среда</h2> </article> 2.Усложнённый, который подходит для больших статей (например, вики). Для них используются секции, чтобы можно было строить многоуровневое оглавление. Так как структура выделяется из-за вложенности секций друг в друга, то можно использовать один и тот же заголовок h1, однако можно каждой вложенной секции уменьшать заголовок. Пример1 point
-
Почему неопределенность? Там вполне определенно сказано т.е. h1 в каждой секции не является обязательным требованием (хотя и дает некоторое преимущество легкости редактирования) и посему SEOшная традиция "один h1 на страницу" не идет фатально вразрез со спекой. Как я это понимаю...1 point
-
Попробуй так. Убери position: relative; с ul.nav-main li.hover,ul.nav-main li:hover и поставь его на ul.nav-main li1 point
-
Вобщем в голову приходит только вот это готовое решение: http://desandro.com/resources/jquery-masonry/1 point
-
Мое ламерское имхо я могу аргументировать пунктом 4.4.11 "живого стандарта" и примерами кода, приведенными там в качестве семантически эквивалентных. Хотя про вариант с h1 в каждой секции и сказано, что он "might be easier to maintain (e.g. if sections are often moved around in editing)". Но всего лишь might же, а не must какой-нибудь...1 point
-
Пока остался на варианте №4: http://lob1.ru/examples/block/4/ Здесь тоже самое, только в стилевом оформлении: http://lob1.ru/project/WordPress/Fortex/New/ На морде подбиралось, чтобы правые блоки были по содержанию больше, чем левые, поэтому относительно ровно всё смотрится. А вот в новостях уже "как получилось".1 point
-
Вот здесь какие-то умные ребята вроде сделали: http://топэксперт.рф/ Всю методологию не раскрывают, но по их собственной трактовке влияние повторяющихся h1 можно считать незначимым (0-20% — фактор не влияет, про знак ничего не сказано). А в качестве "авторитетного мнения изнутри" можно ссылаться на комментарий Александра Садовского, руководителя веб-поиска Яндекса. Но вот лично на мое ламерское имхо... раз новой спеке по большому счету плевать на номер заголовка (важна лишь вложенность), а старые индексаторы пока во многом заточены под семантику HTML3-4, и вот такая мелочь, не противоречащая ничему новому, при удачной фазе луны может улучшить цвет лица у старого на целых 15% — почему бы и нет, черт возьми, надо ли идти грудью на принцип и возводить перфекционизм в квазирелигиозный абсолют (как и оппоненты, кстати, только в другую сторону)?1 point
-
1 point
-
1 point
-
Определитесь для себя, вы хотите, чтобы фон растягивался на всю высоту, т.е. создавалась иллюзия, что колонки на всю высоту, или реально нужно, чтобы колонки были растянуты до подвала? Вот есть хорошие примерчики: http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks http://vk.osvita.org.ua/footer.htm http://softwaremaniacs.org/forum/web/348/ http://www.zakharov.ms/footer/ Вот хороший генератор шаблонов: http://csstemplater.com/ Вот куча примеров шаблонов: http://tjkdesign.com/articles/one_html_markup_many_css_layouts.asp http://blog.html.it/layoutgala/ Вобщем, используйте интернет по полной ))1 point
-
Цветовой охват TN+Film матриц намного меньше чем у IPS-панелей, которые используются дизайнерами. Офисные мониторы очень плохо показывают цвета интенсивностью 0-20% и 80-100%. Поэтому с пастелью нужно быть осторожным. Да и вообще, контрасты рулят. Если ваш сайт хорошо смотрится в ЧБ-варианте, то он будет хорошо смотреться на любом мониторе.1 point
-
Или вот еще вариант, с различными display на основе 'table': <!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> <title></title> </head> <body> <style type="text/css"> * { margin: 0; padding: 0; border: none; } body, html { height: 100%; width: 100%; } .wrap { width: 100%; height: 100%; background: #f0f0f0; display: table; } .block1, .block2 { width: 50%; height: 100% !important; background: #909090; float: left; display: table-cell; text-align: center; } .block2 { float: right; background: #d0d0d0; } .header, .content { display: table-row; text-align: center; } .content { height: 100% !important; } .header { height: 200px; } </style> <div class="wrap"> <div class="header">header</div> <div class="content"> <div class="block1">block 1</div> <div class="block2">block 2</div> </div> </div> </body> </html> Хорошо работает в ФФ и Хроме, плохо в Опере и ИЕ. psywalker Под каждый проект - своя резина. Я показываю пример, а думать за других и верстать чужие макеты просто так - удовольствие сомнительное.1 point
-
Например <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type="text/css"> html, body {height:100%;} body { margin: 0; padding: 0; } html>body .minHeight{ float: left; width: 0; height: 100%; overflow: hidden; } .wrapper { min-height: 100% !important; height: 100% !important; width: 100%; margin: 0 auto; background: #c0c0c0; overflow: hidden; } * html .wrapper { height: 100%; overflow: visible; } .header{ height: 100px; background: #808080; text-align: center; } .right { float: right; width: 50%; background: #606060; text-align: center; height: 100%; } .left{ float: left; width: 50%; background: #303030; text-align: center; height: 100%; } </style> </head> <body> <div class="minHeight"></div> <div class="wrapper"> <div class="header">header</div> <div class="left">left</div> <div class="right">right</div> </div> </body> </html>1 point
-
да, теперь понятно. У вас в стилях что: ul.nav-main li:hover > ul { visibility: visible; } то есть, пока мышь над li, вложенный ul показывается. теперь обратите внимание, что между li и вложенным ul у вас большое расстояние. Чтобы попасть на вложенный ul, мышу надо уйти с li и пройти достаточное расстояние. Как только мышь уходит с li, перестаёт действовать правило для li:hover. Совершенно закономерное поведение. Нужно привести в порядок отступы, тогда будет всё как ожидается.1 point
-
Экспериментальным образом. Сверстать три (или больше?) простых 5-10 страничных сайтов и заполнить похожим контентом (популярность и плотность ключевых слов должны быть одинаковы, ключевое слово в домене). Ну и поэкспериментировать с SEO. В одном максимально нарушить все "seo-правила", в другом более-менее правильно, ну и в третьем все сделать максимально "идеально" с точки зрения SEO. Применять ко всем абсолютно одинаковые методы продвижения (или вовсе не применять) и через пару месяцев можно будет увидеть результат и сказать кто прав, а кто нет. Я бы так сделал, если бы было желание, время и возможности) зы: эммм, а минус за что? =/0 points
-
Где? Можно поконкретнее? Если про скрипт, то там можно сделать любой текст, не проблема, править надо сам код, оптимизировать. Если про сайт, то все дело в издержках дизайна! С самого начала была заложена ошибка - несоответствие, элементароно свободного места и большого объема информации. Малость помогли табы, но проблему, принципиально, это не решает. Да бог с ним, с сайтом, считайте, что это площадка для эксперементов. Мне про скрипт кто ить скажет, что ить дельное!-1 points
This leaderboard is set to Kiev/GMT+02: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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-