Ateiri

Новенький
  • Публикации

    21
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О Ateiri

  • Звание
    Новичок

Информация

  • Пол
    Мужчина

Контактная информация

  • Skype
    Ateiri
  1. Bootstrap 3 и IE7+

    Вообще подобные комменты уже достали. Если человек просит, значит надо. Люди не специально мазохизмом занимаются... Топикстартеру: Выпилите из бутстрапа все стили, касающиеся сетки и нагенерите сетку здесь. Вроде она работает в ИЕ7+. Спасибо, обязательно попробую
  2. Bootstrap 3 и IE7+

    Нашел одну из проблем. Дело было в объявленных классах. Добавил доп. классы col-xs-4 col-sm-4 col-md-4 col-lg-4 в последние 3 колонки и проблема разрешилась. Единственное, что все еще испытываю косяки в IE7, последний столбец прилип ко второму.
  3. Bootstrap 3 и IE7+

    Всем привет! Опять взываю умы верстки! Решил сделать небольшое приложение, которое должно без проблем запускаться в IE7+ и других браузерах. Решил использовать bootstrap для ускорения работы (на деле вру, но отступать уже поздно), ну и В общем то IE7, 8 в сторонке лежат и ножкой дрыгают, что делать господа? Выкладываю скриншоты и соус. Предположим 3 колонки: https://www.dropbox.com/s/2y4vusiie3vvkj3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.07.png А вот результаты IE7-8 и Opera: https://www.dropbox.com/s/wfwr43v2hrb2563/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.18.png https://www.dropbox.com/s/5f89m07ipo5a2fi/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.31.png Изменили масштаб в Opera: https://www.dropbox.com/s/60uiwmp49phzyip/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.34.png Соус: https://www.dropbox.com/s/4fqfp39c22hctou/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.45.19.png Я пробовал html5shiv js, ie7 bootsrap fix css, respond js, boxsizing.htc, ничего не получилось
  4. Сайт на оценку: дизайн и верстка

    Элементы далеко друг от друга расположены, как то связь не ладится… И вот ты крутишь-крутишь скроллер чтобы наконец увидеть футер с голубыми ссылками на темно-сером фоне… В общем-то человек может и не дойти до футера и так не узнать ваш номер телефона)
  5. Оцените верстку

    Да-да, не успел ответить, спасибо))
  6. Смена изображения анимации

    Я не давно делал скрипт, который меняет картинку. Крутит баннеры каждые N секунд времени. В общем если будет полезно: HTML <div id="bannerRoller"><img src="#" width="800" height="133" alt="Первая картинка"/><img src="#" width="800" height="133" alt="Вторая картинка"/><img src="#" width="800" height="133" alt="Третья картинка"/></div>JS var element; window.onload = function() { bannerScroll(); //banner roller } function bannerScroll() { var TIME = 7000; //time in ms between banner changing var ID = "bannerRoller"; //id of banner wrapper var element = document.getElementById(ID); var images = element.getElementsByTagName("img"); var start = 0; var current = start; var last = images.length-1; var status=0; //Loading first element images[start].style.display="block"; current++; //banner changing if (images.length==1) { return; } else { setInterval(function() { if (current==start) { images[last].style.display="none"; images[current].style.display="block"; current++; } else if (current<last) { images[current-1].style.display="none"; images[current++].style.display="block"; } else { images[current-1].style.display="none"; images[current].style.display="block"; current=start; } }, TIME); } }
  7. Другой контент для IE6 через JS

    Может мы о разных вещах говорим? Я немного переделаю скрипт, чтобы он заменял блок в хроме и пришлю скриншот с кодом) Верно, может я огляделся) В хроме все меняется)
  8. IE6-8 Рендеринг шрифтов

    Не отказываетесь от идеи, у вас все получится. http://xandeadx.ru/blog/css/489 Раздел «Зачем там много форматов», смотрите таблицу. http://www.xiper.net/collect/html-and-css-tricks/typographics/font-face-in-the-details.html
  9. Оцените верстку

    Мне очень нравится ваш дизайн, легкий, удобный. Я бы поправил заголовки, а именно: убрал отступ слева и увеличил бы отступ снизу. Так может имеет смысл внести разнообразие в шрифты? Хотя бы сделать различие между теми же заголовками и обычным текстом. Вы очень утяжелили меню… Лично я, во всех своих работах исключительно использую ul li. Средства css + js позволят исправить ошибки отображения в других браузерах. Иконки у меня находятся не по центру. А так весьма вкусно
  10. IE6-8 Рендеринг шрифтов

    Это совершенно 2 разных шрифта. Вы уверены, что шрифты подключены верны? Опять же поплюем в сторону IEшек… Почитайте статьи про хаки IE с подключением шрифтов. Пока что ограничусь скриншотами. А если хотите взглянуть на код, то можете написать мне лично в skype https://www.dropbox.com/s/beveyfh2ve6vy7r/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-19%2010.46.31.png p.s. Я открыл новую тему в разделе javascript. Это ответит на вопрос почему в IE6 у меня написано hello world http://htmlforum.ru/index.php?showtopic=47103 Я вас прекрасно понимаю и я бы с радостью перерисовал шаблон id+ps и добавил гибкости, но мне руки оторвут быстрее.
  11. Другой контент для IE6 через JS

    Дык, хром тоже не показывает как и остальные браузеры.
  12. Другой контент для IE6 через JS

    Ну стили стандартные, точно не в них дело. Алерт выдает с тегами. Меня очень смутил факт, что при просмотре исходного кода, эти 2 новые строки не упоминаются вообще, а старый контент не смотря на его визуальное отсутствие, в коде прописан. Т.е. это чисто клиентские операции... Я что-то совсем ничего не понимаю. Я приношу свои извинения! Действительно все прекрасно работает и я совсем не учел файл reset.css, который обнулял h1-h5 теги и.т.п.
  13. Другой контент для IE6 через JS

    Мне поставили такую задачу, IE6 и все, ничего личного. А я ведь даже заново переписывал, чтобы объяснить как можно проще. Хорошо, еще раз. Взгляните на второй скриншот. Там где <p><h1 и т.п. (2 строки). Ага, вот именно эти 2 строки будут вместо блока слева. Посмотрите, эти 2 строки совершенно игнорируют свои html-теги, на выходе лишь plain text. А самое удивительное, alert(obj.innerHTML) выводит строку с тегами так, как надо. Что же получается, innerHTML не пашет?
  14. Привет всем-всем! В общем цель, написать валидный, а так же кроссбраузерный сайт с IE6 включительно. IE6 эхом отдается в моей голове и я уже не первый день ругаюсь в поисках решения. У меня были проблемы с отображением блоков в IE6, но совершенно не хотелось верстать таблицами и прочими дьявольскими методами. Да-да, я решил написать JS, который должен найти dom-элемент по id (блок) и заменить его содержимое, содержимым из файла notify.html. Мое рассуждения свелись к XMLHttpRequest. Именно он играет важную роль в загрузке нашего html файла. function readFile(file,callback,cache) { var rawFile = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); rawFile.open('GET', file+(cache=(cache===true) ? '?r='+Math.random() : ''), true); rawFile.onreadystatechange = function() { if(rawFile.readyState===4) { if(rawFile.status===200||rawFile.status==0) { args={}; callback.call(rawFile.responseText, args); } } } rawFile.send(null);}Первый аргумент в функции это путь к нашему файлу, второй callback, третий убирает кеширование добавление ?r=рандомное число. Мы запускаем нашу callback функцию в контексте rawFile.responseText и на всякий добавляет args аргументы. Функция определения браузера <IE6. function findIE6() { if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ var ieversion=new Number(RegExp.$1); if (ieversion<=6) return true; }}Прелестно, теперь <IE6 в рукаве, идем дальше. Функция записи/замены контента в блок с ID. function setContent(id) { var obj = document.getElementById(id); obj.innerHTML=this;}obj.innerHTML=this рассмотрим дальше. Функция scriptLoader можно назвать init'ом на нашем сайте. Данная функция просто запускает другие. function scriptLoader() { if(findIE6()==true) { readFile('/ie6/notify.html', function() { setContent.call(this,'notify'); }, true); } } scriptLoader();Ну собственно если IE6 найден, выполняем нашу функцию readFile. Опять же, первый аргумент это путь к файлу, второй аргумент это callback функция, которая запускается в контексте rawFile.responseText (помните?), а функция внутри setContent, запускается в контексте нашей обертки. По сути я сам боюсь даже это объяснить, exp'ы не хватает, но суть в obj.innerHTML=this, где this и есть наш rawFile.responseText. __________________________________________________________________________________________________ Ладно-ладно, помудрили и хватит. Все действительно работает, загружается, вставляется, НО вставляется исключительно PLAIN TEXT. Т.е. на html элементы реакции нет. Для наглядности вышлю скриншот. https://www.dropbox.com/s/qkoo30i170j8h1e/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-18%2014.51.54.png p.s. Скорее всего проблема в том, что сама по себе data является текстовым узлом и никак не ассоциируется с dom элементами. Следовательно нужно написать html парсер. Что скажите господа и дамы, есть идеи? Заранее благодарю! Мне кажется или решение с php будет удобнее и быстрее во всех смыслах...
  15. IE6-8 Рендеринг шрифтов

    Увы, в данном случае моя верстка ограничена жесткими размерами.