LINUX.ORG.RU
Форум — Web-development  

Простейший CSS не работает в IE


0

0

Нужно сделать ссылку с бекграундом в виде иконки 16х16. Казалось бы, что может быть проще. В FF и WebKit работает, а в IE7 ничего не показывает. Вот код:

.test_style {
    background: url(icon.png) no-repeat left center;
    padding-left: 16px;
    margin-right: 5px;
}

<a class="test_style" href="http://google.com"></a>

Пробовал в url совать кавычки, делал абсолютный путь - не помогает. Что я делаю не так?

anonymous
← [ECMAScript] HTTPRequest и «межпротокольные» запросы
Что за шрифт в статьях NY Times? →
Ответ на: комментарий от roy

Это другой вопрос и обсуждать его здесь нет нужды.

anonymous
()

>Нужно сделать ссылку с бекграундом в виде иконки 16х16. Казалось бы, что может быть проще. В FF и WebKit работает, а в IE7 ничего не показывает.

Проверил. Всё нормально работает.

anonymous
()
Ответ на: комментарий от anonymous

Хоть убей, у меня не работает. На локальном документе не проверял, но на сервере то же самое, только CSS отдельным файлом.

anonymous
()
Ответ на: комментарий от anonymous

Так может ie не обновил css файл?

Вот эта конструкция работает без проблем

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<title></title>
<style type="text/css">
.test_style {
background: url(icon.png) no-repeat left center;
padding-left: 16px;
margin-right: 5px;
}
</style>
</head>
<body>
<p><a class="test_style" href="http://google.com">проверка</a></p>
</body>
</html>

anonymous
()
Ответ на: комментарий от anonymous

Так ты же не так делаешь. Убери слово "проверка", у меня не должно быть текста в этих ссылках.

Очистил кеш - не работает. Перенёс определение стиля в HTML-файл - не работает.

anonymous
()
Ответ на: комментарий от roller

На сервере он у меня так и прописан.

anonymous
() 

Посмотри как сделано в MediaWiki

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external {
    background: url(http://tphyslab.pomorsu.ru/w/skins/common/images/pdf.gif) center right no-repeat;
    padding-right: 16px;
}
 
#bodyContent a[href$=".djvu"].external, 
#bodyContent a[href*=".djvu?"].external {
    background: url(http://tphyslab.pomorsu.ru/w/skins/common/images/djvu.png) center right no-repeat;
    padding-right: 16px;
}
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(http://tphyslab.pomorsu.ru/w/skins/common/images/pdf.gif) center right no-repeat !important;
    padding-right: 17px !important;
}

ip1981 ☆☆
()
Ответ на: комментарий от anonymous

>у меня не должно быть текста в этих ссылках.

ССЗБ

Deleted
()

Можно ещё через :before, только в IE7 тоже работать не будет.

anonymfus ★★★★
()
Ответ на: комментарий от anonymous

>Не помогает :(

Как это? При пустой ссылке конструкция

.test_style {
background: url(icon.png) no-repeat left center;
margin-right: 5px;
display: inline-block;
width: 16px;
height: 16px;
}

прекрасно работает.

anonymous
()

раз пошла такая пьянка

а у меня IE6 не берет background-color из css. Начинает работать только когда явно указываешь в html style="background-color: #333333". Ппц. Это только у меня одного такие проблемы или еще кто сталкивался?

anonymous
()
Ответ на: комментарий от Deleted

Спасибо, нашёл мааааленькуюю опечатку в css-файле

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← [ECMAScript] HTTPRequest и «межпротокольные» запросы
Web-development
Что за шрифт в статьях NY Times? →