Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
Привет)

Не подскажите, можно ли убрать название дневника/заменить его картинкой, которая бы работала как ссылка? объяснили, что ссылкой нельзя



Чтобы выглядело примерно вот так. Это я в шопе сделала, если что





@темы: текст, меню, фоновые картинки

Комментарии
03.06.2007 в 22:56

149ea694a792f3ad2caaf77077a0df58 Спорящая с богом
Нет, нельзя. С помощью CSS сделать картинку ссылкой невозможно.
03.06.2007 в 22:58

Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
Спасибо.

А просто вместо названия картинку поставить можно? Как рядом с ссылками в меню, например? Только без ссылки.
03.06.2007 в 23:29

149ea694a792f3ad2caaf77077a0df58 Спорящая с богом
darkling

Можно, но это не очень просто. Пробуйте.
03.06.2007 в 23:47

fail better
darkling, можно спустить немножко блоки меню, вырвать блок заголовка, дать ему фоном картинку, растянуть поверх ссылку, спрятать текст.



#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(…).
04.06.2007 в 00:39

Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
bokonist

Спасибо! :white:

Буду пробовать)
04.06.2007 в 01:24

Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
bokonist

Сорри, есл инадоедаю, но



такой вот код

#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 }




Блок смещается, но картинка не появляется. Нигде.

Правда, :fingal: , цифры я подбирала методом тыка, так как не знаю, как иначе, и за что они отвечают. (ну, кроме ширины и длины картинки)



Когда пробовала, получалось, что блок с картинкой уменьшался до примерно 30px (я с разными цифрами пробовала) :pink: . Вторая картинка шла поверх фото дневника.

04.06.2007 в 01:55

Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
Если убираю из строчки с бэкграундом h1, то получается вот это



04.06.2007 в 16:51

100% sabiko. Please, hug, hold, feed, care for.
Я что-то ничего не поняла >< зачем все эти извращения?! почему нельзя просто



#side h1 a {display: block; height:30px; background: url('/userdir/1/1/6/8/11683/19730211.gif') 50% 0 no-repeat; line-height:200px;}



??!



у меня всё прекрасно, и ссылкой работает. или вы о чём-то другом?
04.06.2007 в 16:59

fail better
Сабико, ie плохо отрабатывает background на <a>, иногда перезагружая картинку при наведении.



Задача была вынести название за блок menuSection. Всегда есть много решений :)
04.06.2007 в 17:03

100% sabiko. Please, hug, hold, feed, care for.
да, уже увидела, только что в ие проверила.

но тогда действительно можно бэкграунд дать на #side h1, а сцылку прозрачную поверх.

вот! я этого и не поняла) зачем выносить? что это даёт +__+
04.06.2007 в 17:15

fail better
Сабико, чёрненькая рамочка будет под. )
04.06.2007 в 20:58

Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
Сабико bokonist

Спасбо большое))

Из всех вариантов ближе всех к тому, что мне надо, получилось с кодом Сабико, но само название никуда не делось да и растянулось см на 13. Это как-нибудь можно исправить?




04.06.2007 в 21:11

100% sabiko. Please, hug, hold, feed, care for.
эксплорер? переполнение там ещё надо добавить.

давайте так, чтоб не мигало.

#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}
04.06.2007 в 21:21

Алая луна, в комнате черно. Черная стена. Черные дома. Черные углы. Черная сама...
Сабико

Спасибо!!! Заработало))) Правда теперь надо картинку подкорректировать (она у меня была на прозрачном фоне белыми буквами, фон тоже белый, а название исчезло вместе с фоном, и ее не видно, но это уже легко)



:white: :white: :white: