Перейти к публикации

проблема с отображением рейтинга


Рекомендованные сообщения

приношу свои извинения, если тема уже поднималась, в поиске я не нашёл ничего по этому вопросу.

проблема с отображением рейтинга, выравненого по центру, в internet explorer

если "звёзды рейтинга" центрировать, то в internet explorer наблядается интересный эффект:

bf337a756c7af71177.jpg

т.е. реальные звёзды в позиции 2, ну а в позиции 1 бесплатная головная боль. знаю что надо чтото подправить в ксс, знаю где, не знаю что. в шаблоне:

<td align="center" valign="top" height="30">

	<span class="textmain">

		Автор: <a href="{aut_href}"><b>{author}</b></a>

		<br />

		{rate}

		<small>[edit][Править][/edit] [delete][Удалить][/delete] {check}</small>

	</span>

</td>
в css:
/*Рейтинг статьи */

.rating{color:#757575;	font-size:12px;font-family:tahoma;width:85px;height:16px;}

.unit-rating{list-style:none;margin:0px;padding:0px;width:85px;height:16px;position:relative;background:url(../dleimages/rating.gif) top left repeat-x;}

.unit-rating li{text-indent:-90000px;padding:0px;margin:0px;float:left;}

.unit-rating li a{display:block;width:17px;height:16px;text-decoration:none;text-indent:-9000px;z-index:17;position:absolute;padding:0px;}

.unit-rating li a:hover{background-image:url(../dleimages/rating.gif);background-position:left center;z-index:2;left:0px;}

.unit-rating a.r1-unit{left:0px;}

.unit-rating a.r1-unit:hover{width:17px;}

.unit-rating a.r2-unit{left:17px;}

.unit-rating a.r2-unit:hover{width:34px;}

.unit-rating a.r3-unit{left:34px;}

.unit-rating a.r3-unit:hover{width:51px;}

.unit-rating a.r4-unit{left:51px;}	

.unit-rating a.r4-unit:hover{width:68px;}

.unit-rating a.r5-unit{left:68px;}

.unit-rating a.r5-unit:hover{width:85px;}

.unit-rating li.current-rating{background:url(../dleimages/rating.gif) left bottom;position:absolute;height:16px;display:block;text-indent:-9000px;z-index:1;}
может ктото сталкивался с таким ? если ровнять по рейтинг по левому краю - всё корректно отображается, но это не выход... з.ы. как и в стандартном шаблоне,размеры картинки с звёздами 17х46 они просто перекрашены фильтром. стиль взят из стандартного шаблона. з.з.ы. открываем shortstory.tpl стандартного, меняем
<td width="100" height="26" align="left" class="slink">{rating}</td>
на
<td width="100" height="26" align="center" class="slink">{rating}</td>

что имеем в итоге?

140071b970bf11b26f.jpgc490acecb51d0f5f14.jpg

Ссылка на сообщение
Поделиться на других сайтах

обошлись без "сопливых" :)

в engine.css надо заменить

.unit-rating li.current-rating{background:url(../dleimages/rating.gif) left bottom;position:absolute;height:16px;display:block;text-indent:-9000px;z-index:1;}
на
.unit-rating li.current-rating{background:url(../dleimages/rating.gif) left bottom;position:relative;height:16px;display:block;text-indent:-9000px;z-index:1;}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...