1) Script Title:
DHTML Window widget (v1.1)
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...ndow/index.htm
3) Describe problem:
Using "Window 1 (iframe content)"
For the life of me I cant figure out how to get rid of the grey inset border (see picture).
I want no border, just simply the blue line.
Tried everything I can think of in CSS, border-style:none; etc etc
here is my css:
Code:.channel{ vertical-align:top; overflow:hidden; display:inline-block; *zoom:1; *position:relative; } .dhtmlwindow{ position: absolute; border: 1px solid blue; visibility: hidden; background-color: white; } .drag-handle{ /*CSS for Drag Handle*/ padding: 3px; text-indent: 3px; font: bold 14px Arial; background-color: #FF3399; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/ position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; } * html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/ width: 100%; } .drag-contentarea{ /*CSS for Content Display Area div*/ border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; } .drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/ border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/ } .drag-resizearea{ /*CSS for Resize Area itself*/ float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; }




Reply With Quote
Bookmarks