INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

Select Box

Hide the border of a select box... by vbkris
Posted: 20 Jul 04 (Edited 22 Jul 04)

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>

Back to HTML, XHTML & CSS FAQ Index
Back to HTML, XHTML & CSS Forum

My Archive

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close