Картинка вместо текстовой ссылки и проблема с extrabottom

[Kevin McLean]

Доброго всем времени суток!

Знающие люди, подскажите пожалуйсто почему мой код отказывается рабоатать.

1) Я хочу осуществить такую вот фишку: заменить текстовые ссылки, полностью картинками. Для этого использую overflow: hidden и padding, чтобы скрыть теккстовую ссылку и оставить только background.

Вот мой код:
#thisDiaryLinks {position: absolute; top: 246px; left: 216px;}
#thisDiaryLinks li, #writeToAuthor, #subscribeEmail { float: left; margin-right: 10px !important; font-size: 11px; letter-spacing: -1px; }
#writeToAuthor a, #subscribeEmail a, #authorFav a, #authorQuot a, #authorLiks a, #authorAlbum a, #authorRSS a {display: inline; height:52px; width:0; padding-top: 54px; overflow: hidden;}
#writeToAuthor a:hover, #subscribeEmail a:hover, #authorFav a:hover, #authorQuot a:hover, #authorLiks a:hover, #authorAlbum a:hover, #authorRSS a:hover {display: inline; height:52px; width:0; padding-top: 54px; overflow: hidden;}
#writeToAuthor a { background:url('/userdir/6/7/7/0/67702/23901179.gif' top no-repeat; }
#writeToAuthor a:hover { background:url('/userdir/6/7/7/0/67702/23901175.gif' top no-repeat; }
#subscribeEmail a {background:url('/userdir/6/7/7/0/67702/23901171.gif' top no-repeat; }
#subscribeEmail a:hover {background:url('/userdir/6/7/7/0/67702/23901167.gif' top no-repeat; }
#authorFav a {background:url('/userdir/6/7/7/0/67702/23901163.gif' top no repeat; }
#authorFav a:hover {background:url('/userdir/6/7/7/0/67702/23901159.gif' top no repeat; }
#authorQuot a {background:url('/userdir/6/7/7/0/67702/23901151.gif' top no repeat; }
#authorQuot a:hover {background:url('/userdir/6/7/7/0/67702/23901155.gif' top no repeat; }
#authorAlbum a {background:url('/userdir/6/7/7/0/67702/23901147.gif' top no repeat; }
#authorAlbum a:hover {background:url('/userdir/6/7/7/0/67702/23901143.gif' top no repeat; }


Картинки должны как бы оказаться на обрывке тетредного листа, а текста вообще не должно быть видно, но на деле текст есть, а картинок не видно:



Две картинки еще пока не готовы, есть только Альбом автора, цитатник и избранное.

2) По непонятное мне причине в блоке #extrabottom у меня съезжает background, кто нибудь знает, как это можно поправить?
Мой код:
#extrabottom {clear: both; background:url('/userdir/6/7/7/0/67702/23901131.gif'; no-repeat center; height:21px; text-align: center;}

@темы: отступы, фоновые картинки, основные блоки

---

[N_Wonder]

Приветствую!
Назрела проблема: подключаб платные сервисы уже 3ий раз, но ничего не меняется. не появляется окнадля кода css.
Что случилось?

---

Проблемы с экстратопом

[zolotzzze]

Доброго времени суток!
Проблема, так сказать, не новая, но тем не менее. Некоторые жалуются, что при просмотре моего дайри картинка экстратопа сьезжает на пост и перекрывает его, также не видно ники в комментариях. У меня не получается это исправить, т.к. сама я все вижу отлично. У меня ИЕ. Пожалуйста, помогите решить проблему.
И заранее очень благодарна.

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

---

[Tonni]

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

@темы: текст

---

[~непосредственность~]

подскажите пожалуйста куда вообще надо вставлять эти коды?
у меня их много но я не знаю куда их впихнуть...
заранее спасибо..

---

Опять про МЕНЮ

[P.O.L.L.Y]

Всем привет! Срочно нужна помощь!
Совета прошу впервые, т.к. всегда находила в сообществе ответы на все вопросы.
Но нынешнюю неполадку никак не могу исправить!
Значит так: я хочу перенести некоторые ссылки вверх, над блоком записей.
Если вы зайдете ко мне на дневник, то обнаружите, что в принципе у меня что-то начинает получатся.
Я предполагаю, что убрав ВСЕ ссылки из меню, оно само тоже пропадет(если нет, я сделаю его прозрачным)...но пока мне мешают "Ссылки"! Причем код на "Мои ссылки" я знаю, и они уже благополучно расположены наверху.
Скажите, шансы исправить положение есть? Если да, то как?

@темы: меню

---

Разбежались ники

[G. Jane]

Здравствуйте, в IE все ники сбиваются в кучу в район левого верхнего угла картинки, что над дневником... Наводишь на них курсор и они в ужасе разбегаются по своим местам... Прикольно конечно, но это ж не нормально. В Firefox все отлично, ПЧ жалуются.
Перерыла сообщества и нигде не смогла найти.
Использовала тэг .authorName { float:none;} если до него ников не было совсем, то теперь они появились, но сбились в кучу и начали творить чудеса, о которых я написала выше.
Если это уже где-то обсуждалось, дайте ссылку пожалуйста. Я помню где-то упоминалось про сбивание ников в кучу, но не нашла.

Код в комментах

Нашла проблему. Она оказалась в полупрозрачном фоне (способ 1), а точнее, почему-то, в "ОФИГЕННО ВАЖНОМ ПУНКТЕ!".

*element* a, *element* input, textarea
{
position:relative; z-index: 2;
}

Без этого кода ссылки и правда в IE неработают, но с ним пропадают ники (а если их "пригвоздить", то они появляются, но сбиваются в кучу).. Пришлось выкручиваться.

запись создана: 30.08.2007 в 12:30

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

---

[Fabian_]

Здравствуйте всем. У меня случилась вот такая проблема. В Опере днев не хочет нормально отображаться. если в лисе все нормально, то в опере появляется вот это
Код такой:
#postsArea { overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: auto; height:600px; }
a:hover,a:active{color:#ccffcc !important}
-- :hover,a:active{color:#ffffff !important}
.singlePost,.menuSection {border-color:#ff0099; border-style:inset; border-width:0 0 1px; }
#side div.menuSection { -moz-opacity:.35 !important;opacity:.35 !important; filter:alpha(opacity=100);}
#side div.menuSection:hover {filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;opacity:1.0 !important;}
.paragraph div:first-letter { font-size: 30px; float: left !important; float: none; font-family:Times New Roman; margin-right: 3px; color: #cc6699; line-height:100% !important; line-height:100%; }
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -475px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:700px !important;padding:0 !important;}
.right #wrapper{width:700px;margin: 0 0 0 -475px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:180px !important;margin:0 !important;float:right}
.right #page-c{width:700px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
#Journal div.postInner {background: url('/userdir/3/8/3/7/383729/22970426.png') 5px 5px no-repeat !important;}
#Journal .countSecond div.postInner {background: url('/userdir/3/8/3/7/383729/22970782.png') 5px 5px no-repeat !important;}
#Journal div.postInner {padding-left: 120px;}

---

[Naoki Touru]

Подскажите, пожайлуста. как закрепить колонку меню с ПРАВОЙ стоорны????

#side{position:fixed} - рабртает только для ЛЕВОГО меню.

@темы: меню

---

[Грифф]

проблема с фоном...

установлен фиксированный фон дневника:


и все бы замечательно:


но при прокрутке получаем-с это:


пробовала бороться прозрачным png экстратопом - результат нулевой.
все болит - ничего не помогает(с)

собственно вопрос: как сделать фиксированный отступ текста сверху или любым другим способом решить проблему, помимо убивания себя апстену.

@темы: отступы, фоновые картинки, основные блоки

---

[.мася.]

Подскажите пожалуйста, как можно поставить иконку перед ником?
И еще: Как убрать ссылки в эпиграфе "главная, все дневники" и т.д.??
заранее всем спасибо!

@темы: эпиграф

---

Границы

[Salute.]

Добрый день! Подскажите, пожалуйста, как убрать линию границы между постами и комментариями. Я поставила картинку, как разделитель, поэтому эта черная линия не смотрится. Вот скрин: static.diary.ru/userdir/5/4/2/4/542421/22950570... Заранее огромное спасибо. И простите, если этот вопрос уже был.

Вопрос закрыт. Простите, копнула глубже и нашла. Вот код:
.singlePost { border-style:lined; border-color:#000000; border-width:0 0 0px; }

@темы: рамки и полоски, основные блоки

---

Помогите пожалуйста!

[kleo-sama]

поставила такой код:

#myDiaryLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#writeThisDiary {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#umailLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#myFavLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#myQuotLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#discussionLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#myLinksLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#myProfileLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#optionsLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#myStatLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#photolibLink {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}
#upInChart {background:url('/userdir/3/4/1/6/341652/23800155.gif' no-repeat; padding:0 0 0 16px !important;}

Получилось это --->

Но я хочу, чтобы стояло так ----->

что для этого нужно сделать?????

@темы: diaryCSS, платный сервис

---

Подскажите плз...

[Уточка Кря-Кря]

Как заголовки в записях по середине сделать? чтоб не справа шли, а в середине

---

пожалуйста

[следуй за леммингами]

помогите пожалуйста
я пыталась вместо ссылки "комментарии" поставить слово "аф!", без всяческих картинок
вот таким кодом: ul .comments a:first-child {content: 'аф!'; overflow:hidden;}
то ли я чего-то недопоняла, то ли она неправильная
но не работает этот код, ничего не меняется.
извините пожалуйста за тупой вопрос, но я полный чайник в цсс

---

[Лиара]

Есть у меня в экстратопе вот такие картинки:

Одна - Profile, другая - Diary. Можно ли как-то поставить на них ссылки?

И ещё - нельзя внизу страницы тоже добавить "экстратоп" в ширину дневника, под нумерацией страниц? Пардон за глупые вопросы)

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

---

Обводка заголовка и смена фона заголовка

[Badend]

вобщем искал на форуме и не нашел, как изменить заголовок в табличных дизайнах, то есть обводку и изменить фон.

Скрин

---

[.lampo4ka]

Хотела поставить картинку над эпихрафом и меню, как тут (там где написанно конец света):pay.diary.ru/~thebadend/
У меня есть код, но картинка не появляется, вот код: #extratop {background:url('/userdir/2/6/4/4/264491/22889226.jpg' repeat-x; width:100%; height:57px;}

Картинка

@темы: diaryCSS

---

Меню "отъезжает"

[..::Call of the Wind::..]

Бред какой-то. В опере всё нормально, а вот в эксплорере менюшка в комментариях съезжает ВНИЗ.

Вот Код

body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -373px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:140px !important;margin:0 !important;}
.left #page-c{width:597px !important;padding:0 !important;}

Подскажите, плз, что не так? или как это исправить?

---

[*Irishka*]

подскажите пожалуйста,как это сделать?