Тестовая страница:
http://rojer.pp.ru/misc/opera_hover_test/opera_hover_test.html
Помогите, пожалуйста, забороть странное поведение некоторых элементов в Opera:
через секунду после загрузки яваскрипт удаляет две строки, но даты остаются на местах.
В FF и Chrome всё нормально (про IE, слава богу, думать не надо).
Если вам кажется что код ужасен, это может быть так - я не большой спец в CSS.
Основная идея: контент в ячейках таблицы должен быть отцентрирован по вертикали, отсюда большая часть геморроя.
Кнопки должны появляться при наведении, можно поверх текста. Сейчас - по центру, можно в правом нижнем углу.
Но самое главное, конечно, забороть съезжающие даты.
Примечание:
serg54> vertical-align:middle
если бы всё было так просто :) возьми файлик, попробуй сам.
вся замороченность с абсолютным позиционированием кнопки - из-за необходимости выравнивать по центру текст, но "не учитывать" кнопку, то есть чтоб центрировался не блок "текст и кнопка", а только текст (который тоже может занимать 2 и более строчек, кстати).
Примечание:
serg54> Все упростится только нужно будет правильно их спозиционировать
Серж, прошу, возьми в руки код и спозиционируй :) Там не всё так просто с таблицами, особенно с <tr>, который вообще какой-то непонятный контейнер. Я несколько часов убил на конструирование чего-нибудь, чтоб хоть как-то работало в FF и Chrome (и то кнопки разъезжаются, если сабжект длинный и на 2 строки, ну да ладно, это терпимо). Начал, конечно с height, vertical-align, но - таблицы, таблицы... в табличных ячейках всё очень странно. А когда увидел как моё вымученное решение ведёт себя Опера при удалении строки, мне стало плохо от одной мысли, что придётся опять лезть в эту трясину :)
Так что можешь считать что более-менее очевидные решения я уже пробовал. Поэтому будь добр, возьми и покажи как надо, как работает. 99 баллов ждут тебя :)
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.