Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

how do i remove this small box that appears under an image (Netscape)?

Status
Not open for further replies.

debrac

IS-IT--Management
Jan 9, 2001
48
AU
how do i remove this small box that appears under an image that has a style attached? The style is a gray border. Only happens in Netscape 4.5.

 
could you please show the code for what you are doing and then maybe we can help.

Thanks
 
this is the style that is attached:

.greyborderpic{border: 1pt solid; border-color: #999999}

and this is the html code within a page:

<a href=&quot;test.htm&quot;><img src=&quot;/popup/images/government_s.gif&quot; width=&quot;33&quot; height=&quot;33&quot; hspace=&quot;0&quot; vspace=&quot;1&quot; class=&quot;greyborderpic&quot; border=&quot;1&quot;></a>
 
Ok,

the problem is in defining the class for the image. The class should be defined for the <a href> tag as shown in the code below it works well in NS 4.7 by applying the gray border to the image through the anchor tag.

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;>

<html>
<head>
<title>Untitled</title>
<style>
.greyborderpic
{
border: medium solid Gray;
}

</style>
</head>

<body bgcolor=&quot;White&quot;>


and this is the html code within a page:<br><br>

<a href=&quot;test.htm&quot; class=&quot;greyborderpic&quot;><img src=&quot;../graphics/rg_logo110x50.gif&quot; width=&quot;110&quot; height=&quot;50&quot; alt=&quot;&quot;></a>


</body>
</html>


Make sure you change it back to your image - I had to replace yours with one of mine.

Let me know if it works for you. I tested it on two separate machines with two different versions of netscape.

 
sometimes i have vspace > 0 or hspace > 0 so it puts the border around the vspace and hspace.
 
you should still be able to define the hspace and vspace for the image

s-)
 
yes it does let me, but it puts the vspace and hspace inside the border, which i dont want.
 
try the style below:

<style> .greyborderpic
{
border: medium solid Gray;
padding-bottom : 2px;
padding-left : 2px;
padding-right : 2px;
padding-top : 2px;
}
</style>

also, set your image border to: border=&quot;0&quot;

:-D
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top