PDA

View Full Version : How can i get rid of the uggly blue border around my images?

PinkIce
07-22-2003, 06:24 PM
Please help, I have a graphics site and one portion of it is buddy icons, i have some realy nice ones but there is an ugly blue border around them! by the way, they are linked so that when you click on them they become ur buddy icon. This is the address of the page
http://www.angelfire.com/blog/pinkicecreationz/buddyicons.html

this is the code

<center><font face="verdana" size="1" color="#FF70FF" align=center>Text</font></center>
<br>
<center><font face="verdana" size="1" color="#FF70FF" align=center>text text text</font></center>



<center>
<a href="aim:BuddyIcon?src="url of buddy icon"><img src="url of buddy icon"></a>

<a href="aim:BuddyIcon?src=url of buddy icon"><img src="url of buddy icon"></a>


<center><font face="verdana" size="1" color="#FF70FF" align=center>Text</font></center>

<STYLE type="text/css">
<!--
BODY
{
direction:;
background-attachment:fixed;
scrollbar-arrow-color: 993399;
scrollbar-track-color: FFGGFF;
scrollbar-face-color: FF66FF;
scrollbar-highlight-color: FFCCC;
scrollbar-3dlight-color: FF33FF;
scrollbar-darkshadow-color: 330066;
scrollbar-shadow-color: FF3366;
}
-->
</STYLE>

<script language="JavaScript1.2">(document.all)
document.body.style.cssText="border:3 solid #FF70FF"
</script>
</center>
MaGiCSuN
07-22-2003, 06:26 PM
you have to add border="0" into the <img> tag

also your html is pretty messed up. you got stylesheetes inside the content, while they should be between the <head> and </head>

<html>
<head>
<STYLE type="text/css">
<!--
BODY
{
direction:;
background-attachment:fixed;
scrollbar-arrow-color: 993399;
scrollbar-track-color: FFGGFF;
scrollbar-face-color: FF66FF;
scrollbar-highlight-color: FFCCC;
scrollbar-3dlight-color: FF33FF;
scrollbar-darkshadow-color: 330066;
scrollbar-shadow-color: FF3366;
}
-->
</STYLE>

<script language="JavaScript1.2">(document.all)
document.body.style.cssText="border:3 solid #FF70FF"
</script></head>

<body>
<center><font face="verdana" size="1" color="#FF70FF" align=center>Text</font></center>
<br>
<center><font face="verdana" size="1" color="#FF70FF" align=center>text text text</font></center>



<center>
<a href="aim:BuddyIcon?src="url of buddy icon"><img src="url of buddy icon"></a>

<a href="aim:BuddyIcon?src=url of buddy icon"><img src="url of buddy icon"></a>


<center><font face="verdana" size="1" color="#FF70FF" align=center>Text</font></center>
</body>
</html>

Love,
Mirna