Results 1 to 3 of 3

Thread: DHTML Window widget - removing inset table border?

  1. #1
    Join Date
    Feb 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default DHTML Window widget - removing inset table border?

    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;
    }

  2. #2
    Join Date
    Feb 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    nevermind got it

    the answer:

    1. open dhtmlwindow.js

    2. find:
    t.contentarea.innerHTML='<iframe src="" style="margin:0; padding:0; width:100%; height: 100%"

    3. simply add:
    border-style:none;

  3. #3
    Join Date
    Feb 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    to also remove in the cruddy IE

    add frameborder="0" AFTER t.contentarea.innerHTML='<iframe src=""

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •