товарищи, это, может, и бред, но есть ли возможность если элемент находится посреди текста, поднять этот элемент над текстом, на межстрочье?
Поясню:
Надо сделать кастомный тег чтобы
«блаблабла[опа!]блабла»
превратилось в
————-—[опа!]
«блаблаблаблабла»
Без тире, естественно.
position: relative не подходит, оставляет в тексте разрыв на месте, где был элемент.
Опа должно надодиться на над четвертым «бла». Это именно для того, чтобы не уезжало ничего никуда.
есть несколько вариантов, но надо проверять:
1. display: inline-block; position: relative; bottom: 10px; /* display: inline-block; некошерно работает в ИЕ7 и ФФ2 не работает вообще */
2. margin-top: -10px; /* в некоторых браузерах может косячно работать с элементами с display: inline */
3. font-size: 12px; line-height: 28px; /* совсем не уверен в этом */
а вообще есть тег , можно подогнать в нем нужный размер шрифта и тому подобное
парсер лох. тег
можно обернуть это в span с position:relative, а внутрь положить еще спан с абсолютом и margin-top: -1em;
теоретически (1) для ие7 чинится откидыванием оному display:inline;zoom:1
но тоже надо проверять
Ну что-то такое.
Не понимаю воплей по поводу FF2. Я этого зверя давно не видел.
так даже лучше:
на самом деле display: inline-block; нормально работает в ИЕ7 только для элементов, у которых inline по умолчанию, а для блочных элементов начинает косячить, так что применять на span и i вполне себе можно.
…
о как! а я всю жизнь display: inline; zoom:1 везде откидываю на всякий случай :
Проблема решена. Как тут сделано:
Текст для увеличения межстрочного расстояния оборачивается в line-height: 2.5; margin-top: 10px, а выскакивающий элемент — в position: absolute; line-height: 0. Гениально и просто.
Ну, почти то же, что и все говорили. Спасибо за помощь!
HTML скрипт
от хозяина сайта просили передать: «Приятно, черт возьми 🙂 Скажи Флэш Хаосу, что я был рад, что мой скрипт оказался полезным :)»
Ох, да это ему спасибо за работу. Скрипт тут только не причем, я js не умею и его не смотрел.