Issue with border on IE .gif file on website.

Worker Joined: Feb 09, 2011 Posts: 188 Location: US

Could someone take a look at my index.html page and tell me why I am getting a square border around my text. I downloaded a flaming text logo from a site, and it works fine in Firefox (because it is a better browser to begin with), but when I view it in IE it has a border around it. Here is my code:

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to H3LL Clan Entrance Splash</title>

<style type="text/css">

</style>
<script src="splash/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>
<h1>
<a href="http://h3llclan.com/index.php"><img src="http://h3llclan.com/themes/COD_Black_Ops/images/Welcome_logo.gif" width="1000" height="140" alt="Welcome To H3LL Clan" /></a>
</h1>
<div class="flash">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600">
<param name="movie" value="splash/swf_movie.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />

<param name="expressinstall" value="splash/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="splash/swf_movie.swf" width="800" height="600">

<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="splash/expressInstall.swf" />

<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>

</object>

</object>
</div>
<div class="skip"><a href="http://h3llclan.com/index.php"><img src="http://h3llclan.com/themes/COD_Black_Ops/images/Enter_Here.gif" width="825" height="100" alt="Welcome To H3LL Clan" /></a></div>
<script type="text/javascript">

</script>
</body>
</html>

Posted: Fri Sep 09, 2011 10:38 am

Add this to your css

Code:







img {


border: none


}

Posted: Fri Sep 09, 2011 12:23 pm

I tried that and it didn't work, but I may have not put it in the right place. I put it under this:

Quote:

It list all those for the page at the top. However the images are under the body. This page that I put in the original post is the splash page for my website.

Posted: Fri Sep 09, 2011 12:58 pm

Try putting it just before the

Code:




-->


</style>

And it should look like this.

Code:







img {


border: none;


} 


-->


</style>

Posted: Fri Sep 09, 2011 1:22 pm

That is where I put it, but it didn't work. If you go to my website [ Only registered users can see links on this board! Get registered or login! ] you will see what I am talking about (in IE). The text is an .gif image and has a transparent background.

Posted: Fri Sep 09, 2011 2:03 pm

you need a ; after none

Posted: Fri Sep 09, 2011 3:59 pm

That is what it was, my bad! I didn't catch it until you said something about it. Thanks so much. Now it looks right.