This is the code in skin.css:
---------------------------

.iconlist    {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.redarrow    {
    background-image: url(redarrow.jpg);
    background-repeat: no-repeat;
    background-position: 0.1em;    /* vertical positioning of arrow */
    padding-left: 1.5em;                /* margin between arrow and text */
    margin-left: 3.0em;                /* how much to indent the list */
}

This is the code in the Text/HTML module:
------------------------------

<ul class="iconlist">
    <li class="redarrow">Item #1</li>
    <li class="redarrow">Item #2</li>
    <li class="redarrow">Item #3</li>
</ul>

This code works fine as an html file and runs in any browser.  It displays the red arrow icon with the text positioned nicely beside each arrow.

When I put this code into a Text/HTML module it fails to execute.  It renders a normal list with the default "block" image in place of the red arrow.

I have been fiddling with this code all day and can't figure out why it won't work.  I am running DNN 4.3.5.  Anyone have any clues to what I might be doing wrong?

---

---

The Default.aspx is the fil that executes for every page request to your site and is in the root of your site. A block image appears because the page can't find the image in the path you have specified, which is the root of your site.

background-image: url(redarrow.jpg);

But in fact your image is stored in your images folder under your skins folder.

You can fix this by modifying the image path in your CSS definition or copy the image to the root of your site. Better solution is to define the right path to image file in the CSS definition.

background-image: url(/pathtoimage/redarrow.jpg);

Example of path to images for a skin: /Website/Portals/_default/Skins/skinname/images/redarrow.jpg

A better solution would be to use the following CSS Definition

list-style-image: url(/pathtoimage/redarrow.jpg); instead of the background option that you have used

---

AGM
infotechniq Inc.
Technology Solutions for Small Business.
www.infotechniq.com