Снова с вопросом.

[cytoex]

Как присоединить к элементу-ссылке картинку? Например, для RSS это выглядит так:

#rssLink { background:url('/о/т/н/о/с/и/т/ельная ссылка') no-repeat 0%; text-indent: 15px; position:relative; }

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

Comments

[axler]

Точно так же:



<li id="myFavLink"><a href="/~axler/?favorite">Избранное</a></li>

<li id="myQuotLink"><a href="/~axler/?quote">Цитатник</a></li>

<li id="myLinksLink"><a href="/~axler/?links">Мои ссылки</a></li>



и тп

[bokonist]

Смотришь в коде (правый клик по страничке › View Source) id у той ссылки, которой хочешь сделать иконку, например:



<li id="myFavLink"><a href="/?favorite">Избранное</a></li> — здесь id пункта меню — «myFavLink».



Пишешь в CSS-е: #myFavLink{background:url('/о/т/н/о/с/и/т/ельная ссылка') … }.

[Tex]

А накой position:relative ?

[cytoex]

О, спасибо. Надо так попробовать. Я просто headline обыскался, но сейчас через айди попробую.

[axler]

Tex, А накой position:relative ?

Совершенно верно, ни к чему.

Остался от предыдущих конструкций (до text-indent я по-разному пробовал, в том числе с left и top).

[cytoex]

Ну да, правильно, а я с axler списал - не разбираюсь же почти нифига =)

[Tex]

axler, padding-left рекомендую

[bokonist]

Tex, а если padding-left для ссылки внутри li, то и картинки будут нажиматься :)

[Kildor]

2axler:

попробуй

a { /* тут нужный путь к элементу. */

position:relative;

padding-left:15px;

background:url() no-repeat 0 50%;

}

2Augmented Reality:

если 0, то без указания едениц измерения.

[cytoex]

Kildor

Каких единиц измерения? То, что "no-repeat"?

[Kildor]

2Augmented Reality:

то что 0

если раскрыть строку background:, то помимо всего прочего она будет состоять из background-position: 0 50%;

и вот этот 0 не должен иметь указания единицы измерения — с точки зрения банальной логики

[fruit_tea]

а можете пояснить, что за/о/т/н/о/с/и/т/ельная ссылка? Всё делаю вроде бы так, вписываю адрес значка в код, а значок не появляется, хотя место около ссылки отступается яко бы для картинки.

[bokonist]

vsego-lih-ia, фоновые картинки вставляются так :)

[fruit_tea]

bokonist

я очень плохо разбираюсь... а можно на примере показать, как делается одна строчка?

мне нужно вот это:

#myDiaryLink {background: url('images/attach/b/1/4102/4102362_Home_R.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

вроде бы всё делаю, а как эту строчку "оформить" , что бы можно было добавлять в окно со стилями?

[bokonist]

vsego-lih-ia, перед images поставить слеш?



После того, как изменишь стили и обновишь дневник, можно посмотреть код страницы (правой кнопочкой, там будет пунктик), там после строчки «пользовательские стили» будут идти те стили, которые ты вводишь. Посмотри, есть ли там эта строчка и всё ли в ней на месте.

[Darya]

У описанного здесь метода есть, к сожалению, одно негативное последствие. ПРи разворачивании списка тем окартиненные ссылки остаются на месте:

[axler]

Darya, вы делайте не через text-indent, а вот так:

#сслыка { background:url("/0/0/0/0/0/1.gif") no-repeat 0; padding-left: 15px !important; }

[Darya]

axler

Спасибо большое. Теперь все в порядке.

[Inferno_Alisa]

все равно ничего не поняла...Вот у некоторых стоят картинки только

около "Комментировать Подписаться Добавить в цитатники" именно там как их поставить?

[cytoex]

_Пандора_

Найди соответствующие <li id>.

bokonist

А поконкретнее, как сделать кликабельными картинки?

[bokonist]

Augmented Reality

вместо отступа для эленета списка

#xxx{...;padding-left:15px}

дать отступ ссылке внутри него

#xxx{...}

#xxx a{padding-left:15px}

[fruit_tea]

скажите:

- как мне сделать, что бы иконки были видны целиком, а не только верхняя их часть?

- отчего шрифт кажется таким размытым?

[cytoex]

vsego-lih-ia

Шрифт кажется размытым от фона и цветовой гаммы.

Стоит попробовать сделать px побольше.

[fruit_tea]

Augmented Reality

Не думаю, что из-за цветовой гаммы. У шрифт размытый только у ссылок комментировать/подписаться/добавить в цитатник все отальные ссылки в порядке.

[Darya]

vsego-lih-ia

Должно быть, из-за размера шрифта.

[Darya]

vsego-lih-ia

У меня, например, и в этом сообществе, и в Вашем дневнике эти ссылки выглядят не размыто, а угловато, прорисовываются не все пиксели. Очень похоже на уменьшение картинки при ограниченном количестве оттенков.

[Inferno_Alisa]

Augmented Reality это слишком сложные слова для меня <_>

[cytoex]

Ну, для каждого типа есть свой id... rssLink, myDiaryLink и прочие.

[cytoex]

Ну, для каждого типа есть свой id... rssLink, myDiaryLink и прочие.

[cytoex]

Ну, для каждого типа есть свой id... rssLink, myDiaryLink и прочие.