03:17

Снявши крылья, по ушам не плачут.
Здравствуйте.
1) Подскажите, пожалуйста, как можно сделать меню в виде расположенных друг под другом ссылок, замененных на свои картинки?
Я пробовала таким кодом, но тогда вторая и следующая ссылки становятся неактивные.
2) Подскажите, как убрать "авторизация"
читать дальше

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

Комментарии
20.06.2010 в 10:52

Не сахар
1. Еще раз - что именно вы хотите сделать?

2. #login_form {display: none; }
20.06.2010 в 12:38

Снявши крылья, по ушам не плачут.
Aloria, сделать меню из расположенных друг под другом картинок. Если делать таким кодом, вторая и следующая ссылки неактивны. Именно чтобы своими картинками, если просто ссылками, то все нормально. А если заменить на картинки, меню неактивно.
20.06.2010 в 12:42

Не сахар
Accckiy Sotona, какое меню? Левое, правое, верхнее? Если верхнее, то вы хотите, чтоб оно шло в столбик и при этом оставалось выпадающим? Не проще ли просто поставить вертикальное меню по умолчанию?
Приведите полностью код, который вы писали - т.е. в том числе и элемент, которому вы его приписывали (и, желательно, еще и скриншот того, что получается при этом). Скорее всего, вы просто не указали для элемента, что он должен быть ссылкой. Либо указывали вообще не для того элемента код.
Да, абсолютное позиционирование, конечно, здесь ни к чему, т.к. таким образом вы все элементы переносите в левый верхний угол, и они просто оказываются друг на друге (поэтому и кликабелен только тот, что выше, остальные им перекрываются).
Короче, нужны код и скриншот. Или хотя бы скриншот.
20.06.2010 в 12:47

Снявши крылья, по ушам не плачут.
Aloria, да, я хочу, чтобы оно было в столбик, но не выпадающее. Просто боковое меню. Просто ссылки друг под другом. Я их хочу на свои картинки поменять. Как здесь.
20.06.2010 в 12:54

Не сахар
Accckiy Sotona, это сто раз уже описывалось в сообществе.
#элемент {display: block; height: Xpx; width: Xpx; line-height: Xpx; position: absolute; top: Xpx; left: Xpx; background: url('адрес') no-repeat;}
Естественно, все Х разные.
Естественно, top можно заменить на bottom, а left - на right.
Естественно, необходимо прописать дополнительно #wrapper {position: relative;}
Ну и конечно же, КАЖДОМУ пункту меню это прописывается отдельно. Абсолютное позиционирование к нескольким элементам или к классу не применяется вообще.
20.06.2010 в 12:56

Снявши крылья, по ушам не плачут.
Aloria
Ну так я так и делала, я же такой код в посте и указала. Меню неактивно. Вторая и следующие ссылки.
20.06.2010 в 12:59

Не сахар
Accckiy Sotona, я вас попросила:
1. Указать, какому элементу вы присваивали код. Я уверена, что вы присваивали его либо классу, либо всем элементам меню, а это неправильно.
2. Код не точно такой же.
3. Приведите вообще полностью код и СКРИНШОТ того, что у вас получается.
Это вам надо или мне, в конце-то концов? Я еще сижу и уговариваю.
20.06.2010 в 14:00

Снявши крылья, по ушам не плачут.
Aloria
Вот такой код -
#wrapper{ min-width:800px !important;width:800px; margin: 0 auto !important; padding:0 !important; overflow:visible !important; position: relative; float: right !important; left:-50px;}
#myDiaryLink {display: block; height:20px; line-height:170px; width:170px; top:0px; left:650px; position: absolute; background: url('/userdir/8/6/2/4/862413/56867813.png') no-repeat !important;}
#writeThisDiary {display: block; height:20px; line-height:170px; width:170px; top:20px; left:650px; position: absolute; background: url('/userdir/8/6/2/4/862413/56868353.png') no-repeat !important;}

и вот получается.
20.06.2010 в 15:15

Не сахар
#myDiaryLink a {display: block; height:20px; line-height:170px; width:170px; top:0px; left:650px; position: absolute; background: url('/userdir/8/6/2/4/862413/56867813.png') no-repeat !important;}
#writeThisDiary a {display: block; height:20px; line-height:170px; width:170px; top:20px; left:650px; position: absolute; background: url('/userdir/8/6/2/4/862413/56868353.png') no-repeat !important;}
Попробуйте так.
И в данном случае как раз не left, а right лучше использовать.
20.06.2010 в 16:34

Снявши крылья, по ушам не плачут.
Aloria, оно работает так, если добавить в код overflow:hidden;
Но я хотела просто активные другие сделать, в том-то и дело...
20.06.2010 в 16:48

Не сахар
Accckiy Sotona поиграйте с z-index и увеличьте значение для top.
20.06.2010 в 17:02

Снявши крылья, по ушам не плачут.
Aloria, спасибо большое за помощь.