-
Posts
293 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by tt48
-
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, да и все.
-
text-align: left; для блока, в котором текст.
-
<img align="left" alt="" src="" /> Быть может? Я к тому и веду, что нет img-aligH никакого..и не работает он. Что не срабатывает и стили шаблона не позволяют - судя по мутности фразы предположу, что стоит прочить про !important; http://htmlbook.ru/css/%21important и\или назначить display: inline-block; картинке, где выравнивание происходит, если ей вдруг назначено disaply: block; +\- float может мешать и position.. других причин не вижу - правится все легко. На всякий случай -- стили, примененные к конкретному элементу html-кода можно посмотреть в инспекторе страницы (правая кнопка мыши - проинспектировать элемент).
-
А что за свойство во втором блоке "img-aligh"? https://jsfiddle.net/00n9go1v/8/
-
Ошибка здесь: $(".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', !; })
-
ммм.. а в чем проблема? Тупо через $.data или через имя класса проверяем, есть ли active в строке... В плане - может, стоит показать, где оно там в коде навешивается? - мне не охота бегать по скриптам это искать самому. ... впрочем http://kates.cc.ua/biznes-kadastr/js/script.js умм.. кажись дошло.. надо еще подумать. Был бы готовый пример.. через пару часов еще пощупаю. https://jsfiddle.net/bvyucq7s/1/пока еще щупаю - если кто еще щупает -- по ссылке пример для щупания.
-
http://www.w3.org/TR/2011/REC-CSS2-20110607/ Называется оно "спецификация". Ссылку кидаю на CSS 2.1 - там уж сами найдете 3.0, если надо будет.
-
не успел зато теперь знаю, что border-radius влияет на форму блока, даже если рамки нет.
-
забыл про js Опечатка там. wrapper
-
по 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
-
теперь, когда есть решение через css, то решение на js, ввиду доп. врем. затрат - сложнее Суть решения на js - это расширение решения 1: по сути, там нужно будет только озадачиться проверкой высоты центрируемого блока при увеличении\уменьшении масштаба. Масштаб изменился - проверить высоту центрируемого блока и задать в css .w{ margin-top: ... отрицательное смещение, равное половине текущей (computed height) высоты данного блока. Ввиду того, что есть решение 2, которое использует лишь 2 доп. блока, решение с js уже не кажется оптимальным. Проще не выходит в общем-то - js упомянул не продумав решение до конца, исходя из того, что на css сразу не получилось и логического объяснения к тому не вышло. Я не говорил, что на js проще Я сказал - "не интересно"
-
хмм..вот это уже сложный вопрос. Это надо вспоминать, как я 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
-
косяк аналогично без костылей работает, если убрать бордюр, но добавить padding:1px; костыль: https://jsfiddle.net/upzfr4q5/17/ -- show и hide добавил в скрипт. От него($.hide()) нужно только display: none; после $('#btnDel').click()
-
overflow на то и overflow fixed-элементы могут из него только выбраться (но это плохо по понятным причинам), возможно еще и флеш сможет. Опыта с последним у меня нет - только догадка. Можно расположить содержимое списков вне карусели (вне overflow:hidden; блока) м подгружать их на то место, куда кликнули: по y- вообще не проблема, т.к. расстояние фиксировано, а вот по x придется js опять пошуршать.
-
Хум. Ну да за 4 года многое изменилось Спасибо. Надо будет освежить память по спецификации.
-
Можно прописать .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
-
Хорошее предположение, но нет (заменил все картинки на блоки 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 у разных блоков реальная отображаемая толщина разная. Надо будет попробовать на блоках переверстать.. но хотелось бы знать перспективность занятия==причину ошибки, а то вдруг она наследуется.. Если кто видел реализацию подобного - просьба дать пример. Спасибо
-
Изначально интересовала скорость реализации + масштабируемость\настраиваемость. Картинкой - надо в код лезть, перекомпилировать, опять запускать. Даже если хранить представление объекта решения где-нить на диске, это все равно дольше, чем просто настройка стилей. Хотя это и не так часто требуется svg, vrml - пока не смотрел, что там и кто лучше. Картинкой-то я и сейчас могу сделать, просто сняв скрин с 100% масштаба(там косяков нет) Но в какой-то мере заинтересован в сути происходящего. Я еще понимаю, когда border мог бы не отрисовываться ровно, потому как по спецификации он должен на полширины линии быть внутри, на пол - снаружи. А тут - непонятно. Раньше, вроде бы, картинки-макеты резал, верстал теми же табличками с блоками и не было таких проблем.
-
Постановки задачи (что хотеть от этих блоков: как они тянутся и пр.) нету, потому ваше решение вполне себе ...решение. Проблем с float тоже не будет, т.к. css не видно вовсе
-
<p> занимает всю ширину род. блока logo_bg_left, у которого проставлено 250px. Ставим последнему width: auto и все получается. Если хочется, чтобы p занимал места по содержимому - думаем в сторону inline-block или float
-
Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса 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, но пока руки не дотянулись глянуть, что там. Заранее спасибо. С уважением, Олег.
-
То, что надо,) Спасибо огромное.
-
Доброго времени суток. Может знает кто, можно ли сделать такую штуку( http://www.tnt-tv.ru/business/team/ - там где люди на флеше) на JQuery или JavaScript, чтоб не лагало и пр.? Ну и основной вопрос - как оно в терминалогии может называться и где можно похожее посмотреть? С уважением, Олег. *ЗЫ: извиняюсь за тупое название темы - другого, увы, не придумал.
-
придется признать неправильность моего подхода,) Спасибо, Softlink.)
-
--опять был неправ.. старею видать) ну почти не прав-- С уважением, Олег.