-
Posts
293 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Posts posted by tt48
-
-
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"?
-
Ошибка здесь:
$(".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', !; })
- 2
-
ммм.. а в чем проблема?
Тупо через $.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, если надо будет.
- 4
-
не успел
зато теперь знаю, что 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.
Если все равно хочется решение - используйте таблицы. Здесь от них вреда не будет.
-
теперь, когда есть решение через 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
-
косяк аналогично без костылей работает, если убрать бордюр, но добавить padding:1px;
костыль:
https://jsfiddle.net/upzfr4q5/17/
-- show и hide добавил в скрипт. От него($.hide()) нужно только display: none; после $('#btnDel').click()
-
overflow на то и overflow
fixed-элементы могут из него только выбраться (но это плохо по понятным причинам), возможно еще и флеш сможет. Опыта с последним у меня нет - только догадка.
Можно расположить содержимое списков вне карусели (вне overflow:hidden; блока) м подгружать их на то место, куда кликнули: по y- вообще не проблема, т.к. расстояние фиксировано, а вот по x придется js опять пошуршать.
- 1
-
Хум. Ну да за 4 года многое изменилось
Спасибо. Надо будет освежить память по спецификации.
-
Можно прописать .right{ position: relative;} и .height{ position: absolute; height: 100%;} //+ задать координаты одного из краёв.
Это работает, но спецификация говорит, что position: relative; с блоками display: table-cell; использовать нельзя. Т.е. стабильности работы прогнозируемо нет.
Другой вариант - должна быть явно задана высота род. блока. Тогда можно задать высоту 100% для дочернего.
Остальные варианты - поискать по запросы "колонки одинаковой высоты".
Например:
http://chikuyonok.ru/2009/06/float-columns/
-
Хорошее предположение, но нет (заменил все картинки на блоки 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, чтоб не лагало и пр.?
Ну и основной вопрос - как оно в терминалогии может называться
и где можно похожее посмотреть?
С уважением, Олег.
*ЗЫ: извиняюсь за тупое название темы - другого, увы, не придумал.
- 1
-
придется признать неправильность моего подхода,)
Спасибо, Softlink.)
-
--опять был неправ.. старею видать) ну почти не прав--
С уважением, Олег.
Условные комментарии для IE > 9
in HTML Coding
Posted · Edited 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, да и все.