Image in Table List (Works in Firefox but not in IE)

Image in Table List (Works in Firefox but not in IE) - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived General Discussion (https://forum.codeigniter.com/forumdisplay.php?fid=21)
+--- Thread: Image in Table List (Works in Firefox but not in IE) (/showthread.php?tid=5128)

Image in Table List (Works in Firefox but not in IE) - El Forum - 01-07-2008

[eluser]cinewbie81[/eluser]
Hi guys,

Table List php file

Code:
$htmlCode = '';

$htmlCode = '<td align=left.'> <span class="'.'warning'.'"></span></td>';

echo $htmlCode

Css file

Code:
span.warning

{

    padding-left:20px;

    background: transparent url(../images/warning.gif) no-repeat left;

}

The code above will display warning.gif icon in the table list for Firefox, but it display nothing in IE. Any idea ?

Thanks.

Image in Table List (Works in Firefox but not in IE) - El Forum - 01-07-2008

[eluser]Sawariya[/eluser]
Specify the width and height of image in css or ur view page...

Image in Table List (Works in Firefox but not in IE) - El Forum - 01-07-2008

[eluser]Sawariya[/eluser]
try this
#warning
{
width:16px;
height:16px;
padding-left:20px;

background-image:url(../images/warning.gif) no-repeat left;
background-repeat:no-repeat;
}