a simple creature unlettered
Как присоединить к элементу-ссылке картинку? Например, для RSS это выглядит так:
#rssLink { background:url('/о/т/н/о/с/и/т/ельная ссылка') no-repeat 0%; text-indent: 15px; position:relative; }
#rssLink { background:url('/о/т/н/о/с/и/т/ельная ссылка') no-repeat 0%; text-indent: 15px; position:relative; }
-
-
28.03.2007 в 13:57вроде правильно, а картинки нет(
-
-
28.03.2007 в 13:59-
-
15.04.2007 в 23:06-
-
16.04.2007 в 00:14-
-
16.04.2007 в 00:21можно поискать в яндексе или гугле иконки-это уже проще... хотя...
-
-
23.04.2007 в 18:15Мне бы хотелось заменить слово @музыка на картинку. Я ведь по адресу написала?
-
-
23.04.2007 в 19:27нет, не подскажем.
Откройте исходник и посмотрите — это дело ровно одной минуты
-
-
23.04.2007 в 19:32-
-
23.04.2007 в 21:41А что такое исходник и идентификатор ? Я конечно сама могу тогда посмотреть
-
-
23.04.2007 в 21:50а Вы уверены, что Вы хотите стилизовать свой дневник?
не кажется ли Вам, что это затратит слишком много Ваших усилий?
не захламляйте Вашу голову всяким бредом.
-
-
23.04.2007 в 22:00правильно ,если человек не знает чего-то ,то проще всего сказать ему" не захламляйте себе голову всяким бредом". Вы мне не поможете?
Если бы я не была уверена, я бы сюда не пришла.
-
-
23.04.2007 в 22:08я помог. CSS — это слегка не та вещь, которой нужно овладевать каждому. И оно как ни странно требует знания кое-какой общекомпьютерной и веб терминологии.
И да, умения думать и искать, как это ни странно.
Могу помочь ещё. http://w3.org — там по ссылкам CSS — авось найдёте, что есть «идентификатор».
разжёвывать неоднократно пережёванное я не собираюсь. Или вас подвести за ручку к форме поиска, ввести туда нужный запрос и нажать «искать»?
Если человек не знает — то варианта два. Он хочет научиться и он прилагает усилия, отличные от задавания вопросов — хотя бы усилия к поиску ответов на эти вопросы.
В результате — полчаса и ответ найден, даже если лень воспользоваться моим первым советом.
либо он хочет чтоб подали на блюдечке, разжёванным, можно и переваренным. В этом случае — так и спросите «Я хочу чтоб мне сделали дизайн».
-
-
23.04.2007 в 22:30-
-
23.04.2007 в 23:12-
-
24.04.2007 в 00:23-
-
03.05.2007 в 23:57все вроде правельно, а картинки нет - не пойму в чем проблема
-
-
04.05.2007 в 00:13-
-
04.05.2007 в 00:25#authorFav{background:url('/userdir/3/5/2/7/352785/19215119.png') no-repeat; padding:0 0 0 20px!important;}
-
-
04.05.2007 в 00:37-
-
10.05.2007 в 00:03Что-то никак...
К тому, как сделать, чтоб не обрезались картинки - подскажите, пожалуйста, что где значит (конкретно цифры) в строчках типа:
.subscribe {background: url('/userdir/какая-то картинка.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
-
-
10.05.2007 в 00:15Так ты text-indent: npx (где n - количество пикселей) забыла. Попробуй с ним.
-
-
10.05.2007 в 00:22так?
.comments {background: url('картинка.gif') no-repeat 0%; text-indent: 40px; position:relative;; padding:0 0 0 20px !important; display:block; height:18px; }
Тогда обрезается и сверху, и снизу.
А кстати jpg поддерживает? Или только gif и png?
Спасибо, что со мной возитесь.
-
-
10.05.2007 в 03:04Твоя Эс, #authorFav{background:url('/userdir/3/5/2/7/352785/19215119.png') no-repeat; padding:0 0 0 20px!important; height:18px;}
Это минимально достаточная запись в плане используемых параметров.
Самое главное здесь:
height - высота. Задается в px Должна быть не меньше высоты выводимого изображения.
padding - так называемый внутриблочный отступ. Задается обычно четырьмя числами в px
Первая цифра - отступ от верхнего края блока, вторая - от правого, третья - снизу, четвертая - слева.
То есть запись padding:0 5px 10px 20px; задаст блоку внутренние отступы 0 сверху, 5 справа, 10 снизу и 20 слева.
Если все отступы одинаковые - достаточно записи типа padding:5px; - в этом случае отступ от любого края блока будет равен 5px
Если отступы сверху=снизу и слева=справа достаточно записи типа padding:5px 10px - в этом случае сверху и снизу отступ будет 5px, слева и справа по 10px.
Использовать можно изображения любого, разрешенного в библиотеке изображений формата
-
-
10.05.2007 в 08:03только вот !imporant лучше через пробел ставить.
-
-
13.05.2007 в 16:30Может мы говорим о разном? Вы о тех иконках, которые появляются возле строчек Мой дневник \ Новая запись \ U-mail \ Избранное ? Принцип составления текста кода для них отличается от кода надписей Комментировать \ Подписаться \ Добавить в цитатник? Потому что я говорю о последних, строчка выглядит так:
.comments {background:url('/userdir/7/6/2/5/76255/19432979.gif') no-repeat; padding:0 0 0 20px !important; height:27px;}
Экспериметы с внутриблочными отступами результата не дают.
-
-
02.06.2007 в 11:45У меня та же ерунда с картинками (в строчке с "комментировать" и.т.д.) и с иконкой возле ника владельца дневника((
Padding не спасает.
-
-
02.06.2007 в 17:20-
-
06.06.2007 в 20:08:url('/userdir/3/5/2/7/352785/19215119.png')
и рядом с сылкой просто пустое место
(((
-
-
09.06.2007 в 14:39-
-
12.06.2007 в 15:40там где ссылки Комментировать, Добавить в цитатник и Подписаться у меня стоят иконки.
на них стили каким-то боком не распространяются, я не понимаю почему.
я пробовал прописывать и .postLinks a:hover {border-bottom:1px dashed black;}
ноль эффекта.
прописавал для каждого элемента отдельно .cooments a:hover {}
ноль эффекта
если прописывать .postLinks:hover {} выделюятся все ссылки
работает только в одном случае, если к .postLinks прописать фильтр.
но фигня в том, что когда наводишь на ссылку, она принимает эффект "кнопки", а хотелось бы, что бы они были статичны. как сейчас например ) но что бы стиль {border-bottom: 1px dashed black;} тоже присутсвовал.
вот)