Jump to content

mishka

Expert
  • Posts

    2,118
  • Joined

  • Last visited

  • Days Won

    11

Everything posted by mishka

  1. Боюсь что без скрипта тут не обойтись.
  2. Зачем там отменять обтекание?
  3. http://zalil.ru/31196469 конечно я считаю что PIE.htc это чистое зло. Так как это на тестовой страничке, где пара кнопочек, там все работает шустро, а вот в реальных загруженных страницах... ие порою может долго отрисовывать страничку, да и потом притормаживать. Но если клиента не удается убедить что всеже скорость работы это намного важнее чем круглые уголки, то пусть так и будет.
  4. Беру слова назад, так как есть пост ( кстати по которому и я понял в чем трабл ) Бордер радиус вполне подходит, только вопрос: ие6-8 поддерживать?
  5. Я нашел Эксперта. Форум поднимается в моих глазах !!! УРА!! ТОВАРИЩИ! не надо сарказма, в сторону форума, так как это вы не смогли доходчиво объяснить в чем же суть проблемы. http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203619
  6. Та нет! Ему не должны! Но также и не должны, не поняв сути проблемы навязывать неправильное решение, и при этом минусовать. Вы что непоняли что спрайтами диагонали на кнопке не будут стыковаться?
  7. Ну вы и замучали человека. Де еще и заминусовали. Самое простое решение - border-radius; Ну в ие будет квадратным. Тут, если так важна кроссбраузерность, то может для ие заюзать pie.htc? Иначе я не вижу как это сделать на неоднородном фоне.
  8. вот пару примеров. И поверь такое встречается часто, и приходится менять этот height: 1% на zoom: 1; <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>open/close</title> <style type="text/css"> .box { border: 1px solid #f00; } .slide { height: 1%; overflow: hidden; } .left { width: 49%; float: left; } .right { width: 49%; float: right; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript"> jQuery ( function () { jQuery ( '.box' ).each ( function () { var btnOpenClose = jQuery ( '.opener', this ), slideBox = jQuery ( '.slide', this ); btnOpenClose.click ( function () { slideBox.slideToggle() }) }) }) </script> </head> <body> <div class="box"> <input class="opener" type="button" value="open/close" /> <div class="slide"> <div class="left"> <h2>leftbox</h2> <p>Lorem ipsum dolor sit amet consectetuer hendrerit nisl cursus a Cum. Adipiscing ut Cras commodo condimentum pellentesque auctor pede Curabitur Curabitur tincidunt. Lorem sem dolor tempus leo id ac urna justo massa ultrices. Quam Pellentesque ac faucibus Quisque nibh tellus nascetur ipsum tristique orci. Id Cum Sed faucibus elit laoreet Fusce condimentum rhoncus Phasellus ligula. Tincidunt metus hendrerit a Vestibulum leo sapien tortor Proin Sed quis. Consequat justo libero augue consequat tincidunt Maecenas gravida nibh In pede. Curabitur quis elit cursus tortor Mauris est justo fringilla Nulla aliquet. Aliquam Vestibulum Phasellus tellus pede semper tempus Nam egestas semper eget. Ligula mattis velit Phasellus rutrum libero tellus consequat pharetra nonummy justo. Sed ante hendrerit nibh pretium vitae venenatis non tellus id magnis. Mauris et a Nullam neque lacinia sollicitudin ut lacus semper eros. Habitasse pulvinar wisi neque.</p> </div> <div class="right"> <h2>rightbox</h2> <p>Lorem ipsum dolor sit amet consectetuer hendrerit nisl cursus a Cum. Adipiscing ut Cras commodo condimentum pellentesque auctor pede Curabitur Curabitur tincidunt. Lorem sem dolor tempus leo id ac urna justo massa ultrices. Quam Pellentesque ac faucibus Quisque nibh tellus nascetur ipsum tristique orci. Id Cum Sed faucibus elit laoreet Fusce condimentum rhoncus Phasellus ligula. Tincidunt metus hendrerit a Vestibulum leo sapien tortor Proin Sed quis. Consequat justo libero augue consequat tincidunt Maecenas gravida nibh In pede. Curabitur quis elit cursus tortor Mauris est justo fringilla Nulla aliquet. Aliquam Vestibulum Phasellus tellus pede semper tempus Nam egestas semper eget. Ligula mattis velit Phasellus rutrum libero tellus consequat pharetra nonummy justo. Sed ante hendrerit nibh pretium vitae venenatis non tellus id magnis. Mauris et a Nullam neque lacinia sollicitudin ut lacus semper eros. Habitasse pulvinar wisi neque.</p> </div> </div> </div> </body> </html> <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>open/close</title> <style type="text/css"> .box { border: 1px solid #f00; } .left { width: 49%; float: left; } .right { width: 49%; float: right; } .holder { height: 1%; overflow: hidden; border: 1px solid #f0f; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript"> jQuery ( function () { jQuery ( '.box' ).each ( function () { var btnOpenClose = jQuery ( '.opener', this ), slideBox = jQuery ( '.slide', this ); btnOpenClose.click ( function () { slideBox.slideToggle() }) }) }) </script> </head> <body> <div class="box"> <input class="opener" type="button" value="open/close" /> <div class="slide"> <div class="holder"> <div class="left"> <h2>leftbox</h2> <p>Lorem ipsum dolor sit amet consectetuer hendrerit nisl cursus a Cum. Adipiscing ut Cras commodo condimentum pellentesque auctor pede Curabitur Curabitur tincidunt. Lorem sem dolor tempus leo id ac urna justo massa ultrices. Quam Pellentesque ac faucibus Quisque nibh tellus nascetur ipsum tristique orci. Id Cum Sed faucibus elit laoreet Fusce condimentum rhoncus Phasellus ligula. Tincidunt metus hendrerit a Vestibulum leo sapien tortor Proin Sed quis. Consequat justo libero augue consequat tincidunt Maecenas gravida nibh In pede. Curabitur quis elit cursus tortor Mauris est justo fringilla Nulla aliquet. Aliquam Vestibulum Phasellus tellus pede semper tempus Nam egestas semper eget. Ligula mattis velit Phasellus rutrum libero tellus consequat pharetra nonummy justo. Sed ante hendrerit nibh pretium vitae venenatis non tellus id magnis. Mauris et a Nullam neque lacinia sollicitudin ut lacus semper eros. Habitasse pulvinar wisi neque.</p> </div> <div class="right"> <h2>rightbox</h2> <p>Lorem ipsum dolor sit amet consectetuer hendrerit nisl cursus a Cum. Adipiscing ut Cras commodo condimentum pellentesque auctor pede Curabitur Curabitur tincidunt. Lorem sem dolor tempus leo id ac urna justo massa ultrices. Quam Pellentesque ac faucibus Quisque nibh tellus nascetur ipsum tristique orci. Id Cum Sed faucibus elit laoreet Fusce condimentum rhoncus Phasellus ligula. Tincidunt metus hendrerit a Vestibulum leo sapien tortor Proin Sed quis. Consequat justo libero augue consequat tincidunt Maecenas gravida nibh In pede. Curabitur quis elit cursus tortor Mauris est justo fringilla Nulla aliquet. Aliquam Vestibulum Phasellus tellus pede semper tempus Nam egestas semper eget. Ligula mattis velit Phasellus rutrum libero tellus consequat pharetra nonummy justo. Sed ante hendrerit nibh pretium vitae venenatis non tellus id magnis. Mauris et a Nullam neque lacinia sollicitudin ut lacus semper eros. Habitasse pulvinar wisi neque.</p> </div> </div> </div> </div> </body> </html>
  9. Отцы советуют height: 1%, и т.д. Чем лучше zoom: 1;? zoom: 1 - поставил и забыл; height: 1% - поставил и думай чтобы родителю высоту никто не добавил. Представь аккордион, у которого элементы слайдятся по высоте, тоесть джс родителю во время слайда пропишет высоту, и во время слайда этот блок будет выглядеть некрасиво.
  10. http://forum.htmlbook.ru/index.php?showtopic=18993&view=findpost&p=134466 для ие 6-7, всетаки лучше zoom: 1; хоть и не валидно но зато отработает правильно без багла. .clearfix { zoom: 1 } .clearfix:after { content: "\00a0"; display: block; clear: both; font-size: 0; line-height: 0; } И теперь тем блокам где нужно сделать очистку потока, просто добавить класс clearfix
  11. Ну дык все просто: http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html
  12. Что стало причиной отказаться от jQuery?
  13. Тоже столкнулся с проблемами работы notepad++ с ftp. Всегда юзал PSPad, работа с FTP приятна и легка. Также есть дерево файлов, и в общем много всего. + ZenCoding. Пару раз пытался редактировать css по FTP на notepad++. После пары изменений и сохранений - связь прерывалась наглухо на несколько часов. Какие причины этому я так и не выяснил, но впредь отказался от редактирования файлов по FTP с помощью notepad++
  14. lavalamp.js строка 50 ( return false )
  15. Почему не присвоить айдишник родительскому блоку. И уже внутри него найти нужную ссылку ( по классу например ), и ей задать событие? Хотя это зависит от ситуации. С таким подходом, если нужно будет добавить какую-то фигнюшечку, то тебе придется перелопатить десятки файлов чтобы реализовать ее.
  16. Хм, точно я что-то писал в личку? Так как я такого непомню Скопировать реально не сложно.
  17. Сделай это с експрешном, иначе никак ( ну кроме таблицы, конечно, или если у кнопки высота фиксированна и заранее известна ). Если у юзера будет включена поддержка скриптов - он увидит все красиво, если нет - то он увидет ту же кнопку, с тем же содержимым, но только без выравнивания. Функционал и доступность кнопки при этом останется, поэтому никто ничего не теряет. Вот если без джс теряется ф-циональность, то это плохо. Людям которым поневоле приходится сидеть на старом браузере, на самом деле не так важны всякие рюшечки, главное содержание. Пнг картинки тоже не будут красиво отображатся без активного содержимого в ие6, ради этого вы забьете на универсальность и откажитесь от пнг? Если да, то отказывайтесь и от такого выравнивания. Иначе просто глупо требовать от браузера десятилетней давности работать на уровне современных да еще и без скриптов.
  18. джс для карты нужен если хотите реализовать ховерные состояния. Если без ховера то и так работает. Вот можете посмотреть пример.
  19. На самом деле експрешн по сути это тот же джс, если в браузере ие запретить активное содержимое, то и експрешны не отработают.
  20. Где ты там AJAX увидел? Когда я меняю дизайн у меня просто перегружается страничка, загружаясь с другим дизайном. Лучше это реализовать меняя класс на html и через этот класс управлять отображением элементов. И при чем фреймы? Чето я не понял.
  21. height: auto в ие6 работает. В ие6 не работает .content { position: absolute; top: 60px; left: 0; bottom: 60px; right: 0; } - одновременное указывания таких пар как left/right и top/bottom. В ие6 предпочтительнее left, top. Тоесть запись .content { position: absolute; top: 60px; left: 0; bottom: 60px; right: 0; } для ие6 равна: .content { position: absolute; top: 60px; left: 0; } Выход - назначать експрешном высоту и ширину, но судя по left: 0; right: 0;, ширину можно и в css задать как width: 100% А разве без него никак? Если я не ошибаюсь, он, а именно expression, через JS работает, а если JS выключен то и работать не будет ((( верстайте табличками.
  22. Да я сам такое делал только с джсом. Чё, сдаёшься лошара? Макс, давай без таких слов. Не со мной. Можна експрешн написать, но сути это не поменяет, тот же джс.
  23. Вот как раз таки в большинстве задач так и должно быть
  24. зачем лишнее если и так работает? может еще и table-footer-group и table-column добавить?
×
×
  • 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