Правда, , цифры я подбирала методом тыка, так как не знаю, как иначе, и за что они отвечают. (ну, кроме ширины и длины картинки)
Когда пробовала, получалось, что блок с картинкой уменьшался до примерно 30px (я с разными цифрами пробовала) . Вторая картинка шла поверх фото дневника.
Из всех вариантов ближе всех к тому, что мне надо, получилось с кодом Сабико, но само название никуда не делось да и растянулось см на 13. Это как-нибудь можно исправить?
Спасибо!!! Заработало))) Правда теперь надо картинку подкорректировать (она у меня была на прозрачном фоне белыми буквами, фон тоже белый, а название исчезло вместе с фоном, и ее не видно, но это уже легко)
А просто вместо названия картинку поставить можно? Как рядом с ссылками в меню, например? Только без ссылки.
Можно, но это не очень просто. Пробуйте.
#side{padding-top:30px;} /*Отступ сверху для колонки меню*/
#thisDiaryInfo{position:relative;} /* relative-блок */
#thisDiaryInfo h1{position:absolute;top:-40px;left:0;height:30px;width:200px;background:url(...) no-repeat;overflow:hidden} /*абсолютное позиционирование, выносим за ближайший relative-блок, высота, ширина картинки, картинка, обрезание выступающих частей */
#thisDiaryInfo h1 a{display:block;height:30px;text-indent:-50em} /* блочный элемент, высота, выгонка текста за блок */
Все числа нужно подбирать, картинку вставить в url(…).
Спасибо!
Буду пробовать)
Сорри, есл инадоедаю, но
такой вот код
#side{padding-top:50px;}
#thisDiaryInfo {position:relative;}
#thisDiaryInfo h1{position:absolute;top:-60px;left:0;height:50px;width:170px;}
#thisDiaryInfo h1{background:url("/userdir/2/4/7/1/24713/20587567.gif") no-repeat;overflow:hidden}
#thisDiaryInfo h1 a{display:block;height:50px;text-indent:-70em }
Блок смещается, но картинка не появляется. Нигде.
Правда,
Когда пробовала, получалось, что блок с картинкой уменьшался до примерно 30px (я с разными цифрами пробовала)
#side h1 a {display: block; height:30px; background: url('/userdir/1/1/6/8/11683/19730211.gif') 50% 0 no-repeat; line-height:200px;}
??!
у меня всё прекрасно, и ссылкой работает. или вы о чём-то другом?
Задача была вынести название за блок menuSection. Всегда есть много решений :)
но тогда действительно можно бэкграунд дать на #side h1, а сцылку прозрачную поверх.
вот! я этого и не поняла) зачем выносить? что это даёт +__+
Спасбо большое))
Из всех вариантов ближе всех к тому, что мне надо, получилось с кодом Сабико, но само название никуда не делось да и растянулось см на 13. Это как-нибудь можно исправить?
давайте так, чтоб не мигало.
#side h1 {background: url('/userdir/1/1/6/8/11683/19730211.gif') 50% 0 no-repeat;}
#side h1 a {display: block; height:30px; line-height:200px; overflow:hidden}
Спасибо!!! Заработало))) Правда теперь надо картинку подкорректировать (она у меня была на прозрачном фоне белыми буквами, фон тоже белый, а название исчезло вместе с фоном, и ее не видно, но это уже легко)