Leaderboard
Popular Content
Showing content with the highest reputation on 02/16/2012 in all areas
-
В один из крупнейших банков России на постоянную занятость требуется специалист на должность Web-верстальщик. Основная активность банка это IT, поэтому необходим настоящий профессионал! З.п. от 70 тыс руб, все зависит от результатов собеседования. Обязанности: верстка страниц проектов по макету дизайнера: кросс-браузерная вёрстка. Требования: знание CSS 2 и 3; начальные знания JS для решения мелких программистских задач; навыки работы в графических редакторах; базовые знания по PHP и Java в плюс; желание развиваться. Условия: перспективы профессионального, материального и карьерного роста; возможность влиться в профессиональную, высокомотивированную и результативную команду; ДМС, фитнес. Станция метро Октябрьское поле Жду Ваших резюме по адресу: e.golovchak@star-staff.ru2 points
-
Krote, Вот тут подробнейшая статья об этом деле и варианты решений. klierik, А теперь попробуй поставить ссылкам шрифт в относительных единицах2 points
-
Не указывайте что мне делать, и я не буду рассказывать вам, куда идти. А чем это от JS отличается? Хорошо, задам вопрос по-другому, вы знакомы с Flash хорошо? Чем? Я люблю спорить фактами, не эмоциями и маркетинговыми лозунгами. http://lists.w3.org/Archives/Public/www-style/2012Jan/0816.html Вот вам кусок обсуждения. Анимация делается только на те свойства, которые можно инкрементировать арифметическими операциями. Но, у вас не получится плавно выйти из состояния display: none в display: block по окончанию анимации. Другими словами, если вам вдруг приспичит плавно уменьшить opacity с 1 до 0, а потом вообще убрать блок из потока, то с текущей спецификацией это сделать нереально. Другими словами, анимация на данном этапе развития ущербна по своей сути и годится для самых примитивных случаев.2 points
-
Вертикальное выравнивание. Часть 1. - для тех кто не в курсе. Только что пришла в голову еще одна идея, которая, на мой взгляд проще в реализации и опять же кроссбраузерна. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html, body { margin: 0; padding: 0; height: 100%; } .text { display: table; height: 100%; width: 100%; background: pink; } .inner { display: table-cell; text-align: center; vertical-align: middle; } </style> <!--[if lte IE 7]> <style type="text/css"> .text { writing-mode: tb-rl; text-align: center; } .inner { display: inline-block; width: 100%; writing-mode: lr-tb; } </style> <![endif]--> </head> <body> <div class="text"> <span class="inner">Я по центру</span> </div> </body> </html> Проверял в: ИЕ 9 ИЕ 9 (режим ИЕ 8) ИЕ 9 (режим ИЕ 7) Opera 11.11 Firefox 5 Chrome (последний) Safari 5.0.51 point
-
Доброго времени суток. Может знает кто, можно ли сделать такую штуку( http://www.tnt-tv.ru/business/team/ - там где люди на флеше) на JQuery или JavaScript, чтоб не лагало и пр.? Ну и основной вопрос - как оно в терминалогии может называться и где можно похожее посмотреть? С уважением, Олег. *ЗЫ: извиняюсь за тупое название темы - другого, увы, не придумал.1 point
-
1 point
-
1 point
-
Если у вас будет не 20 элементов, 25 или больше, или наоборот меньше, снова все начнет рушится. Не стоило сам плагин ковырять.1 point
-
Даже без крова, в пустыне, не надо беспокоиться и не надо ни в чём себе отказывать, менять привычный образ жизни — юристы обо всём позаботятся. Юристы вас разуют, что будете жить в пустыне или вымрете.1 point
-
А я подумал, что это креативная реклама, а не изображение для сайта. Даже без крова, в пустыне, не надо беспокоиться и не надо ни в чём себе отказывать, менять привычный образ жизни — юристы обо всём позаботятся.1 point
-
Может так, не? $(function(){ $('.event').on({ mouseenter : function(){ $('.about', this).stop(true, true).fadeIn().animate({left:30}, {queue : false, duration : 500}); }, mouseleave : function(){ $('.about', this).fadeOut().animate({left:15}, {queue : false, duration : 500}); } }); })?;? По сути почти тоже самое, что и Great Rash написал. Работает.1 point
-
Так естественно, у вас ширина, каждого li с бордером и паддингом, составляет 197px, всего там 20 элементов, не много квантовой физики 197*20=3940, но ширина ul всего 3920px. Соответственно последнему li не хватает 20px накопленных и он проваливается, если вы добавляете, бордер, то он тоже участвует в общей ширине элемента, по этому, добавив однопиксельный бордер, отнимите 1px от ширины upd: Хотя может не помочь, ширина ul подсчитывается скриптом, тогда можно поступить иначе, задайте нужную ширину li без padding и border, а уже во внутрь положите div с padding и border так, как вам нравится.1 point
-
У вас изрядный перебор с абсолютным позиционированием. Из-за того, что применяются top, left, bottom, right одновременно у вас задается размер элемента, естественно он становится не тягучим. Каждое сообщение это линия, блок, в котором слева ник и дата, справа тело сообщения. И так, для начала создадим контейнер, для всего этого добра, пускай, это будет .wrapChat css html Далее создаем блок(и) для сообщений внутри .wrapChat css html Теперь внутри .chatBox создадим структуру для левой колонки и блока сообщения css html собственно почти все, теперь добавим, блоки автора и даты в левую колонку (chatBox-side) css html Теперь не много марафета, т.к. я просто показываю пример, я от стиля отошел. итог по ссылке Это только один из возможных вариантов, так на вскидку. Знающие, сейчас могут начать кричать, что много всего. Да можно сократить, но я оставил так, чтоб было понятней.1 point
-
1 point
-
-1 points
-
Щито? HTML - это структура CSS - это представление JS - это поведение Куда уж проще? Но нет, ребятам из W3C и таким как вы, HeadShot подавай адскую смесь представления и поведения. Вот нахрена, спрашивается, запихивать в CSS анимацию? Чем JS не угодил? UPD: А еще анимировать обычно надо не просто так, нужно делать это при наведении мышки, клике, иных действиях пользователя. Так может запихать в CSS еще и событийную модель? Чего уж там... Да, именно таким как мне хочется управлять состояниями( назовем их классами, которые бы отвечали за анимацию ), а не перерисовывать все что можно, там где не нужно на JS. Еще вопросы? Sorrow, Вам бы подлечиться p.s.: взгляните на кейфрэймы-1 points
-
Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TITLE$</a> </font><font size="2" style="font-size: 10pt; ">Комментариев: $COMMENTS_NUM$ </font><font size="2" style="font-size: 10pt; "><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></font></fieldset></td></tr></tbody></table></fieldset></div> А вот скрин:-1 points
-
Напишите вид материалов как список приложений в контакте ПОЖАЛУЙСТА!!!-1 points
-
-2 points
-
-2 points
-
Что именно? Замените url на свой. У меня всё чудесно работает. СПАСИБО ЗА СОВЕТ, МНЕ НРАВИТСЯ САЙТ!!!-2 points
-
-2 points
This leaderboard is set to Kiev/GMT+03:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Актуальные контакты: 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
Да, подходит. Спасибо.
-