mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
а про display: inline забыли? А зачем его делать блочным? А зачем ты его сделал блочным?
-
Странно, что же ты не так делаешь? У меня все нормально вырезается. Вообще никаких проблем.
-
span:first-letter { } - вот пофиксил, конечно чего так я и сам не понял. <!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"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { display: block; width: 123px; position: absolute; bottom: 5px; text-align: center; line-height: 12px; } a:hover span { font-size: 18px; line-height: 16px; color: #414042; bottom: 40%; } span:first-letter { } /* такой себе костыль для ФФ */ a:hover span:first-letter { font-size: 30px; line-height: 30px; /* Для ИЕ7 */ color: #4d7401; font-weight: bold; } </style> </head> <body> <a href="#"> <span>Текст</span> </a> </body> </html>
-
Zen coding есть и для notepad++. Я себе на комп поставил Zen coding написанный на JavaScript. Устанавливал, так сказать, вручную - копировал файлы в нужные места, там есть текстовый файлик в нем описание установки. Для него нужен в системе интернет експлорер, но чтобы он не был запущен. Когда запущен блокнот, то в фотошопе нельзя объединить слои горячими клавишами (CTRL + E). Также можно поставить через Plugin Manager. Он написан на Python. Лучше интегрируется в сам блокнот, проще и легче назначать горячие клавиши, не нужен интернет експлорер в системе. Также через Plugin Manager можно поставить Quick Text. Столкнулся с проблемой что в последней версии блокнота (5.9) не ставиться это дополнение через Plugin Manager. Ставил вручную - работает. Quick Text для css не заменим. Конечно можно и Zen coding для этого юзать, но в нем слишком длинные сокращения. Я взял все сокращения из SciTE и перенес в блокнот. Также полезная вещь SnippetPlus, ставится все через тот же Plugin Manager. Вобщем если разобраться и поставить нужные дополнения, то отличный редактор получится. Только раздражают его вылеты ( версия 5.7 ) . Особенно при написании джс, при написании квадратных скобок - []. Пару раз подвисал и при открытии фигурной скобки - { . Нет, ты не выглядишь как распространитель вирусов. Ты выглядишь как распространитель не лицензионного ПО. Поэтому администрация и снесла твои посты.
-
После того как попробовал ZenCoding, даже не представляю как теперь можно без него набивать html. ZenCoding это прорыв в кодинге. Практически уверен, что если бы Чикуенок предложил эту разработку какому-нибудь из платных редакторов, то и редактор стал бы популярным, и это принесло бы немалый доход ему. Для css QuickText, все-же удобнее.
-
-
У меня на компе ХР, на ноуте 7. Работаю в notepad++. Aptana не прижилась так как слишком большой и неповоротливый монстр. Уже имея опыт, во время верстки идет постоянная проверка в ФФ и ие6 (если он нужен, иначе в ие7). После окончания верстки быстрая проверка в остальных браузерах. Поначалу лучше смотреть во всех сразу.
-
В этом примере у меня все нормально работает в опере. Все также как и в фф.
-
как-то был такой баг в опере: верстаю шаблон, всего 2 странички: индекс и иннер. Открываю индекс в опере - все гуд, открываю еще вкладку с иннером - не работает фонтфейс. Долго бьюсь в недоумении - че стряслось. В общем закрываю вкладку с индексом, оставив только иннер, обновляю - фонт фейс на месте. Открываю рядом индекс - нету фонтфейса. Такая загадочная опера. Замену фонтфейсу тяжело найти, куфон близок, но у него много недостатков. Разве что гугл шрифты, но думаю, они будут вести себя также как и фонтфейс. Поэтому может в опере оставить какойнить шрифт типа джорджии? дай плиз верстку с исходником шрифта, помочь не обещаю, но самому интересно че там.
-
Все браузеры, которые поддерживаете, нужно ставить. IETester сам не юзал, но сталкивался с тем что я смотрю в нормальном браузере - ошибка есть, а у того кто смотрит в тестере - ошибки нету. Возможно это связанно с неудачной настройкой тестера, но я все же предпочитаю нормальный браузер. Есть у меня портейблы ие6-8, пытался запустить на семерке ие8(так как в системе ие уже обновлен до 9го) - немогу активировать активное содержимое, тоесть кликаю на "разрешить" а джс всеравно не выполняется. И кстати то что отображается в ие7 под вин7 не факт что будет также отображаться в ие7 под ХР.
-
А используя джс, можно обойтись без родительского блока.
-
Ну что пробовал как я советовал? Получилось? С джс должно было получится.
-
пробуй так: Применить к пнг фильтр ( filter:progid:dximagetransform.microsoft.alphaimageloader(src='img.png', sizingMethod='crop'); ) для ие7-8 тоже этот фильтр юзать. Опаситив применить к родителю, так как насколько я знаю два фильтра к одному элементу не применить, если кто знает как - отпишите. Или вместо фильтра примени джс DD_belatedPNG, но чтобы он сработал и в ие8, его (ие8) нужно перевести в режим эмуляции ие7( <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ).
-
как по мне, тут общий лаяут проще табличкой набросать, или display: table; для нормальных браузеров и експрешн или скрипт для ие < 8
-
В данный момент там пустая страничка
-
убери с html, body, .conteyner { height: 100% }, что ты хочешь этим достичь? РАзобрался я что ты хочешь там достичь. Ты всем блокам задал высоту 100% - тоесть по высоте окна браузера, вот и результат. Выложи это все гденить в инет, там и посмотрим как сверстать такое.
-
Мне тоже пару месяцев уже убунта не дает покоя, хочу на ноут поставить. Только незнаю что делать буду без notepad++. Для html с головою хватает ZenCoding, но вот для css нотепадовский QuickText удобнее, вот прям незнаю как я без него буду . QuickText - набиваешь сокращения, и они по гарячей клавише расширяются, например: fl - float: left; db - display: block; dtcl - display: table-cell; ну и так далее, сокращения самому можно редактировать, также они могут разширятся на многострочные куски кода. Есть чтолибо подобное под линукс?
-
Исходный код: Замечания: Изменения: Пока что менял только init и settings. Правильно ли сделал? var autoscalingNav = { settings: { list: 'nav', fill: 'rateably', // rateably | equally minSide: 10, sideClass: false // false | true }, init: function ( o ) { if ( typeof o !== 'object' ) o = {}; if ( o.list ) this.settings.list = o.list; if ( o.fill ) this.settings.fill = o.fill; if ( o.minSide ) this.settings.minSide = o.minSide; if ( o.sideClass ) this.settings.sideClass = o.sideClass; this.list = ( typeof this.settings.list === 'object' ) ? this.settings.list : document.getElementById ( this.settings.list ); this.elem = this.list.children; if ( this.settings.sideClass ) { if ( this.elem[0].className.indexOf ( 'first-child' ) < 0 ) this.elem[0].className += ' first-child'; if ( this.elem[this.elem.length - 1].className.indexOf ( 'last-child' ) < 0 ) this.elem[this.elem.length - 1].className += ' last-child'; } this.scaling (); }, scaling: function () { // тут считаем ширины } } Замечания: Подчеркивания привык ставить, дабы не попасть в зарезервированное слово. Буду стараться избавиться от этой привычки. Замечания: Как вынести, куда? Обично у меня это внизу кода, там запускается ф-ция initPage, а в ней уже запускаются нужные функции в нужном порядке. Как это делать лучше? И чем так лучше?
-
s0rr0w, спасибо, замечания учту, переделаю, вынесу в отдельную тему.
-
А зачем столько кода? Вот например накидал вариант, даже к резинке подходит. http://psywalker.ru/Forum/JS/Primitive/Dom-Zadachi/TableSort/LI-table2.html сделай кроссбраузерный! аналог моего и смотри сколько кода будет.
-
fill: 'rateably' - одинаковые отступы от текста до бордеров. fill: 'equally' - элементы стремятся быть одинаковыми по ширине.
-
Протестируйте пожалуйста. Особенно буду рад замечаниям s0rr0w, GreatRash. И по коду, и по логике. Остальные тоже стороной не обходите.
-
если 6 то таблицей, а если списком и 6 ячеек то 100 : 6 = 16.66%, но наверное так не получится Угу, тут опера напартачит. Хотя можно нормальным браузерам: ul { display: table } li { display: table-cell } а для ие ширину в процентах, он то нормально дробные проценты понимает.
-
Да хоть в спан завернуть, над более универсальным способом еще не думал. Так как это все навскидку написал, и сам такого не делал. Хотя можно и у линки ширину узнать, главное паддингов боковых ей не задавать.
-
Медвежон, а как жс сможет помочь? узнать общую ширину, узнать ширины текстовых узлов елементов, и пропорционально задать ширины лишкам. navWidth - общая ширина. navElWidth - общая ширина текстовых узлов меню. k = navWidth / navElWidth - коефициент расширения. li.width = navEl.width * k как-то так, мог запутаться в арифметике, но идея такова. это применимо к фиксированному макету.
