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!

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

Hide the border of a select box...

Select Box

Hide the border of a select box...

by  vbkris  Posted    (Edited  )
hi fellas,
try this code, it will hide the borders of the <select> box.

Concept: IFRAME can be drawn over any HTML Element...
Tested only in IE6.0

Code: 
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:14px; top:3px; width:337px; height:17px; z-index:1; background-color: #000000; border: 1px none #000000"><iframe src="javascript:;" frameborder=0 scrolling="No" width="337" height="20" ></iframe></div>
<TABLE align="center" width="100%" cellpadding="5" cellspacing="0" border="0" >
  <TR> 
    <TD vAlign=top noWrap align=left width="21%">
      
      <Select multiple size="8">
        
        <option value="acknowledge.gif">acknowledge.gif</option>
        
        <option value="Alliance Partnership-B.GIF">Alliance Partnership-B.GIF</option>
        
        <option value="Alliance Partnership-F.GIF">Alliance Partnership-F.GIF</option>
        
        <option value="alliancepart.gif">alliancepart.gif</option>
        
        <option value="Application Support- SQL Server.gif">Application Support- SQL Server.gif</option>
        
        <option value="bo-logo.gif">bo-logo.gif</option>
        
        <option value="contactus.jpg">contactus.jpg</option>
        
        <option value="x-click-but21.gif">x-click-but21.gif</option>
        
      </select>
      
	
    </TD>
    <TD vAlign=top noWrap align=left width="79%" id='ImgTd' ></TD>
  </TR>
</TABLE>

<div id="Layer1" style="position:absolute; left:14px; top:3px; width:337px; height:17px; z-index:1; background-color: #000000; border: 1px none #000000"><iframe src="javascript:;" frameborder=0 scrolling="No" width="337" height="20" ></iframe></div>
<div id="Layer2" style="position:absolute; left:13px; top:14px; width:5px; height:150px; z-index:1; background-color: #000000; border: 1px none #000000"><iframe src="javascript:;" frameborder=0 scrolling="No" width="5" height="150" ></iframe></div>
<div id="Layer2" style="position:absolute; left:248px; top:10px; width:5px; height:150px; z-index:1; background-color: #000000; border: 1px none #000000"><iframe src="javascript:;" frameborder=0 scrolling="No" width="5" height="150" ></iframe></div>
<div id="Layer1" style="position:absolute; left:7px; top:135px; width:337px; height:17px; z-index:1; background-color: #000000; border: 1px none #000000"><iframe src="javascript:;" frameborder=0 scrolling="No" width="337" height="20" ></iframe></div>
</body>
</html>
Register to add this FAQ to your archive
Register to rate this FAQ  : BAD 1 2 3 4 5 6 7 8 9 10 GOOD
Please Note: 1 is Bad, 10 is Good :-)

Part and Inventory Search

Back
Top