Jump to content

Great Rash

Expert
  • Posts

    7,974
  • Joined

  • Last visited

  • Days Won

    144

Everything posted by Great Rash

  1. Ааа, я думал там документация какая-нить быть должна.
  2. Надо спану сказать display: inline-block; Кстати, с днюхой
  3. Спасибо за код. По ссылке ничего кроме адреса SVN не нашел Буду разбираться.
  4. Единственный момент: если вы используете png24, то чтобы работало в ИЕ6, вам будет необходимо обернуть весь текст в относительно спозиционированный контейнер, потом внутри создать абсолютно спозиционированный контейнер для позиционирования спрайта, внутри еще один для картинки и вуаля так же надо делать, по уму, если спрайт висит рядом с многострочным текстом... <!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>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 10px; } p { position: relative; padding-left: 25px; } .sprite { display: block; position: absolute; top: 0; left: 0; width: 17px; height: 18px; overflow: hidden; } .sprite span { display: block; position: absolute; width: 400px; /* размеры спрайта */ height: 40px; /* размеры спрайта */ background: url('http://vvsh.ru/_ph/1277252928.jpg') 0 0 no-repeat; } .ico1 span { top: -18px; left: -1px; } .ico2 span { top: -18px; left: -18px; } </style> </head> <body> <p> <span class="sprite ico1"><span></span></span> Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. </p> <p> <span class="sprite ico2"><span></span></span> Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. Просто текст, всего-лишь текст. </p> </body> </html> как-то так.
  5. В XHTML используется синтаксис XML. Т.е. все непарные теги должны тоже закрываться (как в XML). Пример использования непарного тега в HTML: А вот так надо писать в XHTML: <br /> А вообще если вы пишете просто сайт, то преимуществ у XHTML перед HTML никаких. Вся соль в этой буковке "X" (eXtensible - расширяемый). Т.е. нужен этот язык по честному чисто для перехода от HTML к чистому XML. Поэтому если вы активно используете на своей страничке такие плюшки XML как XSLT, SVG, и другие расширения для этого языка разметки, то тут уж без XHTML не обойтись. Есть правда одно "но" - имя ему Internet Explorer. Дело в том, что по честному тип контента у документа XHTML должен быть text/xml, т.е. вот так: <meta http-equiv="content-type" content="text/xml;charset=utf-8" /> Правда так будет работать только в нормальных браузерах и в ИЕ8 (кажись, не уверен). По этому приходится прописывать тип контента вот так: <meta http-equiv="content-type" content="text/html;charset=utf-8" /> чтоб работало во всех браузерах. Правда эта запись все равно позволяет использовать XML-расширения на странице. Вот чего я не понимаю, так это зачем W3-консорциуму потребовалось останавливать работы над XHTML 2.0, делать по сути шаг назад, переходя к работе над HTML 5, в котором, кстати, стиль написания XML-тегов сохранили... странно как-то. По сути, новый HTML 5 призван сделать веб семантичным, там появились такие элементы как <section>, <header>, <footer>, <nav> и т.п. Говорящие названия тегов не правда ли? Семантика на том и основывается - каждый тег строго под соответствующий контент, в случае HTML 5 <section> пол какую-то секцию, <footer> для футера, <nav> для навигации и т.п. Наверное это делается для облегчения жизни поисковым системам типа гугля. Мое мнение, что HTML 5 внедрять на рабочие сайты пока рано. Хотя его и поддерживают все браузеры (даже ИЕ6 с небольшим хаком на JavaScript). Да и смысла большого в этом нет. Хотя многие писают кипятком при слове canvas... Строгий и переходный синтаксис тем и отличается, что строгий не прощает ошибок в написании, а переходный прощает например незакрытые теги или незакавыченные атрибуты тегов.
  6. А вот этим не удовлетворяет: alert(1); setTimeout('alert(2)', 2000); alert(3);
  7. Не секрет, что реализовать полезную (в некоторых случаях) функцию sleep() в JavaScript не получится. А вот мне сейчас в голову пришла идея такой реализации: 1) выполняем скрипт до того момента когда надо "заснуть" 2) посылаем синхронный запрос на сервер, который ответит нам через заданное в запросе время, например 2 секунды 3) как только status == 200 браузер отвиснет и продолжится выполнение скрипта Тестировать еще не пробовал, но как считаете покатит или нет?
  8. Во-первых, скрипт не работает в ИЕ. Во-вторых, ТС надо отловить именно событие CTRL+колесо если я правильно понял первый пост.
  9. Задайте одной ячейке 100% ширину, тогда все остальные сожмутся по контенту (самое длинное слово в ячейке). А вообще какой-то изврат вы затеяли...
  10. Изучайте на здоровье: http://blog.sjinks.pro/test/3col/3col_h100.html http://www.cssmaster.ru/node/48 «трехколоночный макет» в Google. трехколоночный макет на htmlbook.ru
  11. хм... попробовать проверять нажат ли CTRL («javascript ctrl key» в Google.) + крутится ли колесо мыши («javascript mouse wheel» в Google.)... но хз-хз...
  12. При использовании фильтров в ИЕ не работает позиционирование фона. У вас есть только один выход - эмулировать позиционирование при помощи position: absolute; background-repeat же не будет работать вообще никак! Так что работайте с png24 аккуратней.
  13. Great Rash

    this

    Ну в таком случае да, но у ТС не на столько все сложно.
  14. 1) «getElementComputedStyle» в Google. 2) «AJAX» в Google. 3) для фаербага есть специальные методы console.debug();, console.info();, console.warn();, console.error();. Читать про них можно тут, тут и тут
  15. Great Rash

    this

    Только переменной это все присваивать не обязательно, так и работайте с obj, зачем еще и a создавать?
  16. Да согласен, newspaper - отсебятина. Тогда надо добавить в общие стили text-align-last: justify; т.к. уж это правило точно есть в спецификации. Ну и прекрасно! Если не сложно запостите пожалуйста сюда полный код вашего решения, чтобы люди могли в нем как следует разобраться. И спасибо за дополнения, думаю, они всем пригодятся!
  17. Ну в тех тестах создается таблица, а тут осуществляется поиск по нодам уже созданной, так что они наверное мало отношения имеют к данному коду. Я точно не знаю, но по моему метод getElementsByTagName(name) осуществляет рекурсивный поиск по всему дереву нод, выбирая нужные, а в массивах rows и cells уже находятся списки нужных нод. А вообще будет время напишу тест и потестирую. Ну и короче опять же
  18. Усиленно гугля набрел на страницу на MSDN где они были описаны. После этот подвиг повторить не удалось (даже при помощи гугля - запрос не вспомнил), найти что-то на MSDN без помощи гугля нереально Вообще это свойство работает в 7 и 8 ИЕ, кажись (точно не помню), плюс это свойство описано на сайте W3C, так что рано или поздно остальные браузеры его будут поддерживать. Ох, это так давно было... я точно не помню (пробовал все подряд - методом тыка), но по моему в ИЕ6 у меня просто text-justify не заработал. Этот пиксель реально спасает, просто зум не сработал. P.S. Я вообще в IETester'е все проверял, так что в настоящем ИЕ6 все может отличаться. Может что-то там работает. Если найдете на MSDN описания этих свойств прошу киньте ссылку - там много других интересных ИЕ'шных свойств было с приставкой -ms... P.P.S. Прикиньте, нашел только что по запросу "CSS microsoft"! http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx
  19. <!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>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> table, td { border: #000 1px solid; } td { width: 50px; height: 50px; } .red { background: red; } .blue { background: lightblue; } </style> </head> <body> <table id="rows"> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>2</td> <td>2</td> <td>2</td> <td>2</td> </tr> <tr> <td>3</td> <td>3</td> <td>3</td> <td>3</td> </tr> <tr> <td>4</td> <td>4</td> <td>4</td> <td>4</td> </tr> <tr> <td>5</td> <td>5</td> <td>5</td> <td>5</td> </tr> <tr> <td>6</td> <td>6</td> <td>6</td> <td>6</td> </tr> </table> <script type="text/javascript"> // красим строки function zebra1() { var table = document.getElementById('rows'); var tr = table.rows; // массив строк for (var i = 0; i < tr.length; i += 2) tr[i].className = 'red'; } // красим столбцы function zebra2() { var table = document.getElementById('rows'); var tr = table.rows; // массив строк for (var i = 0; i < tr.length; i ++) { var td = tr[i].cells; // массив ячеек for (var j = 0; j < td.length; j += 2) td[j].className = 'blue'; } } zebra1(); zebra2(); </script> </body> </html>
  20. psywalker и mishka2, учите мат часть! psywalker'a понесло не в ту степь : var child = table.childNodes; Некошерно: var _tr = _table[i].getElementsByTagName('tr'); Кошерно: var tr = table.rows; for (var i = 0; i < tr.length; i++) { var td = tr[i].cells; for (var j = 0; j < td.length; j++) { alert(td[j]); } } Красим таблицу кошерно: var table = document.getElementsByTagName('table')[0]; var tr = table.rows; for (var i = 0; i < tr.length; i += 2) tr[i].style.background = '#f00';
  21. Чего давай, я тебе предлагал
  22. Короче, я так понимаю вам нужен человек на неделю и за эту неделю работы вы готовы заплатить 10.000 деревянных? Скажу лишь, что в одной фирме мне предложили (было это осенью 2009) оплату на удаленке в размере 3000 рублей за 8 часовой день. Что составляет 15.000 рублей за пятидневную неделю. Задумайтесь. А требования у вас достаточно серьезные к работнику. Особенно если судить по первому посту. Вот меня это всегда бесило. От вас убудет если вы напишете все требования человеческим языком, а не языком автомата? Будьте проще и люди к вам потянутся.
  23. Лично я не тестил, но, судя по словам s0rr0w, выходит что так. Собери тестовую страницу да посмотри, в чем проблема.
  24. Э нет, Verder прав, вы скажите точно сколько вешать в граммах. А то слова "предполагается", "дальше решаем сколько это стоит и готовы ли мы столько платить" реально настораживают. Пишите хоть примерно, сколько вы "готовы заплатить". Да и требования в первом посте у вас странные... как вы себе представляете "работоспособный сайт при выключенном JavaScript" при наличии AJAX? Тем более что AJAX-запросы - это, как я понимаю, чуть ли не основная составляющая в работе. 100-120.000, это конечно Verder загнул, но вот 50-60.000 это нормальные деньги за такую работу. Да и нужен вам не верстальщик, а скорее JavaScript-разработчик с умениями верстальщика, а это не 30.000 (на которые вы, как я понял, расчитываете). Плюс никаких слов про условия оформления не было сказано. Будет ли трудовой договор и белая ли заработная плата... Пока что понятно, что гарантий никаких... (Стартап? Есть ли инвестор?) В общем сомнительно, ой как сомнительно...
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy