Jump to content

tt48

User
  • Posts

    293
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by tt48

  1. position: absolute; должна быть указана высота, либо еще и top. Если верно помню спеку. ..ща пойду искать.. Печаль.. http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#comp-abspos чтот не видно Походу ошибся, но попробовать никто не мешает ЗЫ: У меня и в opera есть промежуток.. http://beavers-net.narod.ru/primers/probe_spanafter.html И в хроме. Сделать rigth:-29px; вместо 30, да и все.
  2. <img align="left" alt="" src="" /> Быть может? Я к тому и веду, что нет img-aligH никакого..и не работает он. Что не срабатывает и стили шаблона не позволяют - судя по мутности фразы предположу, что стоит прочить про !important; http://htmlbook.ru/css/%21important и\или назначить display: inline-block; картинке, где выравнивание происходит, если ей вдруг назначено disaply: block; +\- float может мешать и position.. других причин не вижу - правится все легко. На всякий случай -- стили, примененные к конкретному элементу html-кода можно посмотреть в инспекторе страницы (правая кнопка мыши - проинспектировать элемент).
  3. А что за свойство во втором блоке "img-aligh"? https://jsfiddle.net/00n9go1v/8/
  4. Ошибка здесь: $(".accordion-qa-item-header").click(function(e) { e.preventDefault(); $(".accordion-qa-item-header").removeClass('active'); $(this).addClass('active'); })здесь класс должен меняться на противоположный, а не на active -- в посл. строке. ..у меня чтот toggle// щас.. Суть: она вызывается до toggleSlide для текущего элемента. И убирает у всех элементов .active... и добавляет .active к текущему. Всегда. ...а.. забыл комменты убрать..дубовая моя голова.. готово https://jsfiddle.net/bvyucq7s/17/ отладочный вывод, думаю, можно убрать. Суть - изложил. Возможно, эта структура будет быстрее работать https://jsfiddle.net/bvyucq7s/19/ $("#accordion > li").click(function(e) { var t=$(this), b=t.hasClass('active'); e.preventDefault(); $("#accordion > .active").removeClass('active'); t.toggleClass('active', !; })
  5. ммм.. а в чем проблема? Тупо через $.data или через имя класса проверяем, есть ли active в строке... В плане - может, стоит показать, где оно там в коде навешивается? - мне не охота бегать по скриптам это искать самому. ... впрочем http://kates.cc.ua/biznes-kadastr/js/script.js умм.. кажись дошло.. надо еще подумать. Был бы готовый пример.. через пару часов еще пощупаю. https://jsfiddle.net/bvyucq7s/1/пока еще щупаю - если кто еще щупает -- по ссылке пример для щупания.
  6. http://www.w3.org/TR/2011/REC-CSS2-20110607/ Называется оно "спецификация". Ссылку кидаю на CSS 2.1 - там уж сами найдете 3.0, если надо будет.
  7. не успел зато теперь знаю, что border-radius влияет на форму блока, даже если рамки нет.
  8. по https://jsfiddle.net/9ecq52zq/ а с чего бы ей увеличиваться? #wrapper { border: 2px solid blue; height: 60px; overflow: hidden; }задана фикс. высота - уже этого достаточно, чтобы блок не изменялся по высоте. Это вам не либеральные таблицы, которые заботятся о своём содержимом. По https://jsfiddle.net/9f3ade44/ Разумеется, оно работать не будет - см. условия, при которых можно растянуть div на 100% от родителя: должна быть указана высота в явном виде. Либо использовать position: absolute; но тогда придется наплевать на изменения ширины, т.к. поведение такого блока не подразумевает учет других блоков рядом с ним - у него свой поток отображения, который кладет на это. -- опять же читаем box model в спецификации css. Если все равно хочется решение - используйте таблицы. Здесь от них вреда не будет. http://beavers-net.narod.ru/primers/probe_Zt-table.html
  9. теперь, когда есть решение через css, то решение на js, ввиду доп. врем. затрат - сложнее Суть решения на js - это расширение решения 1: по сути, там нужно будет только озадачиться проверкой высоты центрируемого блока при увеличении\уменьшении масштаба. Масштаб изменился - проверить высоту центрируемого блока и задать в css .w{ margin-top: ... отрицательное смещение, равное половине текущей (computed height) высоты данного блока. Ввиду того, что есть решение 2, которое использует лишь 2 доп. блока, решение с js уже не кажется оптимальным. Проще не выходит в общем-то - js упомянул не продумав решение до конца, исходя из того, что на css сразу не получилось и логического объяснения к тому не вышло. Я не говорил, что на js проще Я сказал - "не интересно"
  10. хмм..вот это уже сложный вопрос. Это надо вспоминать, как я 4 года назад делал конструкцию из Inline-блоков, занимающих фикс+оставшееся место по ширине.. Думал, прокатит и https://jsfiddle.net/upzfr4q5/31/но см. ниже. Это уже навороты идут, а, значит, следует подумать: нужно ли столько универсальности или размеры постоянны и меняться на деле не будут. Решаемо через js - это уже писать не интересно. ... как интересно..ересь какая-то творится .w{/*.....*//*========== Чтобы было посередине: ===========*/ position: relative;/*это чтобы top: -10px; сработал*/ margin-top: -10px; /**/ top: 50%;/*здесь фикс. высота блока*/ /*border:1px solid red;/*если закомментить, то блок не сдвигается при появлении блока new, а если разкомментить, то по нажатию на add он просто сваливается вниз*/}Это какие-то неправильные пчелы..Стоит сделать-таки полную страничку с примером. Впрочем, может relative себя и правильно ведет.. надо перечитать раздел про box model ———————————- UPD: Готовое работающее на CSS http://beavers-net.narod.ru/primers/probe_Zt.html http://beavers-net.narod.ru/primers/probe_Zt-inline.html
  11. косяк аналогично без костылей работает, если убрать бордюр, но добавить padding:1px; костыль: https://jsfiddle.net/upzfr4q5/17/ -- show и hide добавил в скрипт. От него($.hide()) нужно только display: none; после $('#btnDel').click()
  12. overflow на то и overflow fixed-элементы могут из него только выбраться (но это плохо по понятным причинам), возможно еще и флеш сможет. Опыта с последним у меня нет - только догадка. Можно расположить содержимое списков вне карусели (вне overflow:hidden; блока) м подгружать их на то место, куда кликнули: по y- вообще не проблема, т.к. расстояние фиксировано, а вот по x придется js опять пошуршать.
  13. Хум. Ну да за 4 года многое изменилось Спасибо. Надо будет освежить память по спецификации.
  14. Можно прописать .right{ position: relative;} и .height{ position: absolute; height: 100%;} //+ задать координаты одного из краёв. Это работает, но спецификация говорит, что position: relative; с блоками display: table-cell; использовать нельзя. Т.е. стабильности работы прогнозируемо нет. Другой вариант - должна быть явно задана высота род. блока. Тогда можно задать высоту 100% для дочернего. Остальные варианты - поискать по запросы "колонки одинаковой высоты". Например: http://chikuyonok.ru/2009/06/float-columns/ http://trifler.ru/blog/i/layouts/absolute/anchor.htm http://www.cssplay.co.uk/layouts/3cols2.html
  15. Хорошее предположение, но нет (заменил все картинки на блоки Inline-block) - http://beavers-net.narod.ru/primers/boolean_sch/no_img.html при масштабе 125% в хроме все те же косяки. Сейчас осталась часть, которая отрисовывается фоном(заливкой background-color) блоков. ——————-- UPD: *ну да, забыл еще про фоновые картинки в таблице Проблема: 1) те размеры линий, что в процентах, зависят от размера ячейки таблицы, а он плавает при масштабировании. Длины красных линий, например. Причем значения там дробные 2) Допустим, это все хорошо и действительно причина в этом (нечеткий размер таблицы), но этого недостаточно, чтобы объяснить: а) изменение размеров строк с фиксированной высотой .tr_x (http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg), б) почему при одинаковой толщине в computed у разных блоков реальная отображаемая толщина разная. Надо будет попробовать на блоках переверстать.. но хотелось бы знать перспективность занятия==причину ошибки, а то вдруг она наследуется.. Если кто видел реализацию подобного - просьба дать пример. Спасибо
  16. Изначально интересовала скорость реализации + масштабируемость\настраиваемость. Картинкой - надо в код лезть, перекомпилировать, опять запускать. Даже если хранить представление объекта решения где-нить на диске, это все равно дольше, чем просто настройка стилей. Хотя это и не так часто требуется svg, vrml - пока не смотрел, что там и кто лучше. Картинкой-то я и сейчас могу сделать, просто сняв скрин с 100% масштаба(там косяков нет) Но в какой-то мере заинтересован в сути происходящего. Я еще понимаю, когда border мог бы не отрисовываться ровно, потому как по спецификации он должен на полширины линии быть внутри, на пол - снаружи. А тут - непонятно. Раньше, вроде бы, картинки-макеты резал, верстал теми же табличками с блоками и не было таких проблем.
  17. Постановки задачи (что хотеть от этих блоков: как они тянутся и пр.) нету, потому ваше решение вполне себе ...решение. Проблем с float тоже не будет, т.к. css не видно вовсе
  18. <p> занимает всю ширину род. блока logo_bg_left, у которого проставлено 250px. Ставим последнему width: auto и все получается. Если хочется, чтобы p занимал места по содержимому - думаем в сторону inline-block или float
  19. Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. HTML валиден, CSS тоже. Буду рад любым предложениям по усовершенствованию динозавра Если есть технологии, которые позволят это реализовать лучше - тоже буду рад узнать. Полагаю, со временем придется посмотреть в сторону svg, но пока руки не дотянулись глянуть, что там. Заранее спасибо. С уважением, Олег.
  20. То, что надо,) Спасибо огромное.
  21. Доброго времени суток. Может знает кто, можно ли сделать такую штуку( http://www.tnt-tv.ru/business/team/ - там где люди на флеше) на JQuery или JavaScript, чтоб не лагало и пр.? Ну и основной вопрос - как оно в терминалогии может называться и где можно похожее посмотреть? С уважением, Олег. *ЗЫ: извиняюсь за тупое название темы - другого, увы, не придумал.
  22. придется признать неправильность моего подхода,) Спасибо, Softlink.)
  23. --опять был неправ.. старею видать) ну почти не прав-- С уважением, Олег.
×
×
  • 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