1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

[Частично Решено] Как сделать, что бы при наведени на ссылку она увеличивалась, а идущий за ней текст не скакал?

Главные вкладки

Аватар пользователя BLACKDiabolik BLACKDiabolik 7 февраля 2012 в 14:09

В общем сделал через CSS темы так, что при наведении на ссылку она не меняла цвет, а просто слегка увеличилась:

fusion...e.css?z (строка 953)
a:hover, a:focus, a:active {
font-size: 130%;
text-decoration: none;
}

В итоге при наведении на ссылку весь текст находившийся рядом смещался и получалось, что сайт как бы прыгал. Добавление строчки display: block; не помогает - в тех частях где ссылка идет вместе с текстом - все переносится на следующую строчку. Подскажите как выкрутиться?

Комментарии

Аватар пользователя darkdim darkdim 7 февраля 2012 в 14:24

position +1
вывести элемент и общего потока

в качестве извращения - уменьшать padding на величину "подпрыгивания"

Аватар пользователя q2_faith q2_faith 7 февраля 2012 в 14:26

"BLACKDiabolik" wrote:
Неушто для решения такой банальной задачки, нужны какие то сложные решения?

это все должно учитываться когда делается дизайн

Аватар пользователя Chyvakoff Chyvakoff 7 февраля 2012 в 14:40

Попробуй увеличивать шрифт в пикселях,а не процентах.и на те же пиксели уменьшай отступ ссылки.
но это прокатит только с прыганием вверх-вниз,но не в тороны.

Аватар пользователя BLACKDiabolik BLACKDiabolik 7 февраля 2012 в 14:57

В общем общими усилиями собрал вот так:

display: inline-block;
font-size: 20px;
line-height: 60%;

Терь он не скачет вверх-низ - но вправо все равно смещается - может и от этого как-то получиться избавиться?

Аватар пользователя Chyvakoff Chyvakoff 7 февраля 2012 в 16:16

BLACKDiabolik wrote:
В общем общими усилиями собрал вот так:

display: inline-block;
font-size: 20px;
line-height: 60%;

Терь он не скачет вверх-низ - но вправо все равно смещается - может и от этого как-то получиться избавиться?


Врядли выйдет , так как ссылки имеют разную длинну.

Аватар пользователя alex_shut alex_shut 7 февраля 2012 в 15:58

А если добавить z-index? Тогда активный текст будет выпадать из общей плоскости.
У тебя там поле ввода комментов порвало вхлам.

Аватар пользователя BLACKDiabolik BLACKDiabolik 7 февраля 2012 в 16:23

alex_shut непонял чем z-index мне поможет.
А поле ввода - я чего то не замечаю что бы были изменения.

Chyvakoff уже применил вроде пока не вижу проблем - хотя вполне может быть.