1) Задаю увеличение шрифта при наведении на ссылки
И соответственно все рядом стоящие ссылки начинают "прыгать"
Можно их сделать как бЭ независимыми друг от друга, чтобы при увеличении одной не прыгала соседняя?
1 - в тегах просто соседние смещаются по горизонтали
2 - в постлинках ссылки смещаются еще и вниз

Все наглядно тут - http://trulala-diz.diary.ru/


2) Нужно - задать ширину для #thisDiaryInfo, допустим, 500px и расположить ник+фото по центру.
В дизайнах с боковым меню при изменении ширины #thisDiaryInfo эти блоки выравниваются по центру автоматически.
Но в дизайне с верхним меню задана центровка по правой стороне.
.top #authorName{ .........; float: right;}
и если ее убирать для как
.top #authorName{ .........; float: none;}
то ник становится как надо по центру, но он становится равным ширине #thisDiaryInfo в 500px и превращается в ссылку-ник шириной 500пикс
+ фото не двигается никак даже этим кодом

решено  MysteryLove

@темы: меню, основные блоки

Комментарии
30.01.2015 в 15:06

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
1. Сейчас с телефона не могу посмотреть, но как-то подобное решала при болде при наведении: например, padding:5px, а при наведении ставила padding: 5px; margin: -5px, и благодаря этому обратному марджину у меня ссылки не прыгали, в стояли на месте. Попробуй, может сработает.

А нет, вру, эти я так он задавала, чтобы паддинг был, но становился вокруг, а не сдвигал текст, но может попробовать.
30.01.2015 в 15:17

Тайя, которая душит романтиков, padding пробовала, становилось чуть лучше но тоже не айс, так и не нашла баланс
будет время глянь пожалуйста, вымораживают эти скачки :weep:
30.01.2015 в 17:22

We renounce ever knowing ourselves. But you can't deny yourself forever.©
2. можно, к примеру, так:
#authorName {float: none; display: inline; }
#thisDiaryPhoto {width: 500px; } - это если табличный дизайн, в блочном будет немного другое значение; если обнулить боковые значения паддингов и бордеров, можно width:100%
30.01.2015 в 17:37

MysteryLove, ооо спасибо большое, помогло :rotate:
30.01.2015 в 18:35

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
La mignonne, не, по первому пункту ничего не могу придумать((
31.01.2015 в 01:19

натюрморт с хомяками
Поставьте так:

.atTag em a { display: inline-block; }
.atTag em a:hover { transform: scale(1.2); }

Ну, и поиграйтесь с отступами.
02.02.2015 в 11:45

Человек-Шаман, спасибо помогло! пойду изучать)