Переопределение SharePoint.

Question

В рамках пользовательской маркировки семейства сайтов SharePoint 2007 мне нужно изменить маркированные изображения. Вместо использования тегов <li> SharePoint 2007 использует таблицы и изображения следующим образом:

<tr>
    <td class="ms-vb" style="padding-bottom: 5px;"><img alt="" src="/_layouts/images/square.gif">&nbsp;</td>
    <td class="ms-vb" style="padding-bottom: 5px; padding-left: 5px;">
        <a href="http://stackoverflow.com" onfocus="OnLink(this)">stackoverflow</a>
    </td>
</tr>

и

<tr>
    <td width="8px" valign="top" nowrap style="padding-top: 5px;" class="ms-descriptiontext">
        <img width="5px" height="5px" alt="" src="/_layouts/images/setrect.gif">&nbsp;
    </td>
    <td valign="top" style="padding-top: 7px; padding-left: 3px;" class="ms-descriptiontext">
        <a href="/_layouts/people.aspx" id="ctl00_PlaceHolderMain_UsersAndPermissions_RptControls_PeopleAndGroups">People and groups</a>
    </td>
</tr>

Мой единственный вариант - CSS. Целевым браузером является IE8 в режиме Quirks. Я не могу:

1. Изменить изображения OOTB, страницы макета или схемы ссылок .xml
2. Измените главную страницу или HTML, чтобы добавить DOCTYPE или метатеги
3. Использовать Javascript

Я попробовал следующий CSS, но похоже, что заполнение игнорируется:

td.ms-descriptiontext img,
td.ms-vb img
{
    background:transparent url("/_layouts/images/myproject/bullet.gif") no-repeat top left;
    height:5px;
    padding-right:5px;
    width:0;
}

Есть идеи?

Answer 1

Попробуйте использовать поле вместо отступа?

Answer 2

Я сделал обходной JavaScript: поищите теги img и замените их источник:

  <script language="javascript" type="text/javascript">
var arrElements = document.getElementsByTagName("img");
for (var i=0; i<arrElements.length; i++) {
        //get pointer each image element:
        var element=arrElements[i];
        //check for a source with /images/square.gif from this site:
        if (element.getAttribute('src') == "http://www.MY-SITE-NAME.com/_layouts/images/square.gif") {
            //found... change it's src to our new image:
            element.setAttribute('src', 'http://www.MY-SITE-NAME.com/MY-LOCATION/MY-CUSTOM-BULLET.gif');
        }
    }

Answer 3

Попробуйте:

td.ms-descriptiontext img,
td.ms-vb img
{
    background:transparent url("/_layouts/images/myproject/bullet.gif") no-repeat top left;
    display: block;
    height: 0;
    padding: 5px 5px 0 0;
}