Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12

Thread: Layer position

  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    84
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Layer position

    Hi, is it possible for a css layer to be positioned over a html table because my layers seem to just sit around it and wont move.

    Thanks

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    We really need to see your code. It is not possible to help you with so little information.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Aug 2009
    Posts
    84
    Thanks
    10
    Thanked 0 Times in 0 Posts
    hi i have a horizontal drop down menu and then a few other layers. They are not all visible at the same time normally but ive got rid of the javascript just so its easier to see. Now i can't get any of the layers to move for some reason. I think the problem lies with the nfb layer but im not sure. i want everyhing to stay as it is but i want the two layers on the left (nfb, rowclickui) to be in the center of the page.


    Code:
    <html>
    <head>
    </head>
    <body>
    <style type="text/css">
    #background {position:absolute; left:0;top:0; z-Index:-1;height:"1500";width:"1500";background-color:"#CCCCCC"}
    #menu {position:relative; left:-5;top:1; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;cursor:hand;background-color:#CCCCCC;height:24;width:40;}
    #menu2 {position:relative; left:3;top:1; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:24;width:81;cursor:hand}
    #menu4 {position:relative; left:3;top:1; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #menu3 {position:relative; left:85;top:-47; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #modify {position:relative; left:36;top:-95; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;cursor:hand;background-color:#CCCCCC;height:24;width:66;}
    #queery {position:relative; left:42;top:-95; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #queery2 {position:relative; left:42;top:-95; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #queery3 {position:relative; left:115;top:-341; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #queery4 {position:relative; left:196;top:-413; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height="24";width:81;cursor:hand}
    #nfb {position;absolute; left:200; top:200; height:150; width:300; z-Index:2; border-style:outset; border-width:5px; font-family:arial; font-size:15px; color:black; background-color:#CCCCCC; visibility:visible;}
    #bank2 {position:relative;left:42;top:-246;z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #bank3 {position:relative;left:115;top:-341;z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #filebank {position:relative;left:85;top:-269; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #remove {position:relative; left:105;top:-341; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;cursor:hand;background-color:#CCCCCC;height:24;width:76;}
    #tools {position:relative; left:184;top:-412; z-Index:0;font-family:arial; font-size:18px; color:black; visibility:visible;cursor:hand;background-color:#CCCCCC;height:24;width:54;}
    #search {position:relative; left:196;top:-413; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #workspace {position:absolute; left:100;top:100; z-Index:-1;height:"1200";width:"800";background-color:"white";cursor:hand;visibility:visible;color:#CCCCCC;}
    #workspace2 {position:absolute; left:100;top:100; z-Index:-1;height:"1200";width:"800";background-color:"white";cursor:hand;visibility:visible;color:#CCCCCC;}
    #workspace3 {position:absolute; left:100;top:100; z-Index:-1;height:"1200";width:"800";background-color:"white";cursor:hand;visibility:visible;color:#CCCCCC;}
    #workspace4 {position:absolute; left:100;top:100; z-Index:-1;height:"1200";width:"800";background-color:"white";cursor:hand;visibility:visible;color:#CCCCCC;}
    #all {position:relative; left:278;top:-461; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #bank4 {position:relative; left:278;top:-461; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #all2 {position:relative; left:278;top:-485; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #bank5 {position:relative; left:278;top:-485; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #options {position:relative; left:244;top:-580; z-Index:0;font-family:arial; font-size:18px; color:black; visibility:visible;cursor:hand;background-color:#CCCCCC;height:24;width:74;}
    #general {position:relative; left:258;top:-581; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #help {position:relative; left:320;top:-628; z-Index:0;font-family:arial; font-size:18px; color:black; visibility:visible;cursor:hand;background-color:#CCCCCC;height:24;width:54;}
    #about {position:relative; left:339;top:-629; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height:"24";width:81;cursor:hand}
    #bankbut1 {position:absolute; left:460;top:50;z-index:1;font-family:arial;font-size:21px;color:blue;visibility:visible;background-color:yellow;height:26;width:50;cursor:hand;border-style:solid;border-width:2px;}
    #bankbut2 {position:absolute; left:530;top:50;z-index:1;font-family:arial;font-size:21px;color:blue;visibility:visible;background-color:yellow;height:26;width:50;cursor:hand;border-style:solid;border-width:2px;}
    #bankbut3 {position:absolute; left:600;top:50;z-index:1;font-family:arial;font-size:21px;color:blue;visibility:visible;background-color:yellow;height:26;width:50;cursor:hand;border-style:solid;border-width:2px;}
    #bankbut4 {position:absolute; left:670;top:50;z-index:1;font-family:arial;font-size:21px;color:blue;visibility:visible;background-color:yellow;height:26;width:50;cursor:hand;border-style:solid;border-width:2px;}
    #rowclickui {position;absolute; left:0; top:0; height:30; width:180; z-Index:2; border-style:outset; border-width:5px; font-family:arial; font-size:15px; color:black; background-color:#CCCCCC; visibility:visible;}
    #save {position:absolute;left:13;top:88; z-Index:1;font-family:arial; font-size:18px; color:black; visibility:visible;background-color:#999999;height:30;width:90;border-style:solid;border-width:1px;height="24";width:81;cursor:hand}
    </style>
    <div ID="menu">
    <center>File</center>
    </div>
    <div ID="menu2">
    New*****&rarr;
    </div>
    <div ID="menu4">
    Open
    </div>
    <div ID="background">
    </div>
    <div ID="menu3">
    Bank
    </div>
    <div ID="modify">
    <center>Modify</center>
    </div>
    <div ID="queery">
    Queery
    </div>
    <div ID="nfb">
    <br />
    &nbsp;Name:&nbsp;<input type="text" name="nme" value="">
    <br />
    <input type="checkbox" name="swbanks" checked="true">&nbsp;Start with banks
    <br />
    &nbsp;Number:&nbsp;<input type="text" name="nob" value="">
    <br />
    <br />
    &nbsp;&nbsp;&nbsp;<input type="button" value="Cancel" name="cancel"> &nbsp;<input type="button" value="Create" name="create">
    </div>
    <div ID="bank2">
    Bank
    </div>
    <div ID="filebank">
    Filebank
    </div>
    <div ID="remove"> 
    <center>Remove</center>
    </div>
    <div ID="bank3">
    Bank
    </div>
    <div ID="queery3">
    Queery
    </div>
    <div ID="tools">
    <center>Tools</center>
    </div>
    <div ID="queery4">
    Queery&rarr;
    </div>
    <div ID="Search">
    Search&rarr;
    </div>
    <div id="all">
    All
    </div>
    <div id="bank4">
    Bank
    </div>
    <div id="all2">
    All
    </div>
    <div id="bank5">
    Bank
    </div>
    <div id="options">
    <center>Options</center>
    </div>
    <div id="general">
    General
    </div>
    <div id="help">
    <center>Help</center>
    </div>
    <div id="about">
    About
    </div>
    <div id="bankbut1">
    Bank1
    </div>
    <div id="bankbut2">
    Bank2
    </div>
    <div id="bankbut3">
    Bank3
    </div>
    <div id="bankbut4">
    Bank4
    </div>
    <div id="save">
    Save
    </div>
    <div id="rowclickui">
    <input type="button" name="open" value="Open" align="left">
    <input type="button" name="edit" value="Edit" align="center">
    <input type="button" name="remove" value="Remove" align="right">
    </div>
    </body>
    </html>
    Thanks

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    CSS should be in the <head> section, not the <body>

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    New Coder
    Join Date
    Aug 2009
    Posts
    84
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Ok thanks ive moved it but i still cant get the layers to move.

    thanks

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This is from the W3 CSS validator.

    Frank

    you cannot declare a width, height etc without the units in CSS,

    height:24; is not acceptable.

    height:24px; or height:24%; or height:5ems; is.
    Last edited by effpeetee; 05-29-2010 at 03:04 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #7
    New Coder
    Join Date
    Aug 2009
    Posts
    84
    Thanks
    10
    Thanked 0 Times in 0 Posts
    ok ive just done that actually. i actually re wrote all the css is it ok now?

    Code:
    #background {position:absolute;
    left:0;top:0;
    z-Index:-1;
    height:1500px;
    width:1500px;
    background-color:#CCCCCC;}
    
    #menu {position:relative;
    left:-5;top:1;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:visible;
    cursor:hand;
    height:24px;
    width:40px;
    background-color:#CCCCCC;}
    
    #menu2 {position:relative;
    left:3;top:1;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    height:24px;
    width:81px;
    border-style:solid;
    border-width:1px;
    cursor:hand;}
    
    #menu4 {position:relative;
    left:3;top:1;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    height:24px;
    width:81px;
    border-style:solid;
    border-width:1px;
    cursor:hand;}
    
    #menu3 {position:realtive;
    left:85;top:-47;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #modify {position:relative;
    left:36;top:-95;
    z-index:1;
    font-family:arial;
    font-size;18px;
    font-color:black;
    visibility:visible;
    cursor:hand;
    background-color:#CCCCCC;
    height:24px;
    width:66px;}
    
    #queery {position:realtive;
    left:42;top:-95;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #queery2 {position:realtive;
    left:42;top:-95;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #queery3 {position:realtive;
    left:115;top:-341;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #queery4 {position:realtive;
    left:196;top:-413;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    
    #nfb {position:absolute;
    left:300;top:300;
    z-Index:0;
    height:150px;
    width:300px;
    background-color:#CCCCCC;}
    
    #bank2 {position:realtive;
    left:42;top:-246;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #bank3 {position:realtive;
    left:115;top:-341;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #filebank {position:relative;
    left:85;top:-269;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #remove {position:relative;
    left:105;top:-341;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:visible;
    cursor:hand;
    background-color:#CCCCCC;
    height:24px;
    width:76px;}
    
    #tools {position:relative;
    left:184;top:-412;
    z-index:0;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:visible;
    cursor:hand;
    background-color:#CCCCCC;
    height:24px;
    width:54px;}
    
    #search {position:realtive;
    left:196;top:-413;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #workspace {position:absolute;
    left:100;top:100;
    z-index:-1;
    height:1200px;
    width:800px;
    background-color:white;
    cursor:hand;
    visibility:hidden;
    font-family:arial;
    font-color:#CCCCCC;}
    
    #workspace2 {position:absolute;
    left:100;top:100;
    z-index:-1;
    height:1200px;
    width:800px;
    background-color:white;
    cursor:hand;
    visibility:hidden;
    font-family:arial;
    font-color:#CCCCCC;}
    
    #workspace3 {position:absolute;
    left:100;top:100;
    z-index:-1;
    height:1200px;
    width:800px;
    background-color:white;
    cursor:hand;
    visibility:hidden;
    font-family:arial;
    font-color:#CCCCCC;}
    
    #workspace4 {position:absolute;
    left:100;top:100;
    z-index:-1;
    height:1200px;
    width:800px;
    background-color:white;
    cursor:hand;
    visibility:hidden;
    font-family:arial;
    font-color:#CCCCCC;}
    
    #all {position:relative;
    left:278;top:-461;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    height:34px;
    width:81px;
    border-style:solid;
    border-width:1px;
    cursor:hand;}
    
    #all2 {position:relative;
    left:278;top:-485;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    height:34px;
    width:81px;
    border-style:solid;
    border-width:1px;
    cursor:hand;}
    
    #bank4 {position:realtive;
    left:278;top:-461;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #bank5 {position:realtive;
    left:278;top:-485;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #options {position:relative;
    left:244;top:-580;
    z-index:0;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:visible;
    cursor:hand;
    background-color:#CCCCCC;
    height:24px;
    width:74px;}
    
    #general {position:relative;
    left;258;top:-581;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #help {position:relative;
    left:320;top:-628;
    z-index:0;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:visible;
    cursor:hand;
    background-color:#CCCCCC;
    height:24px;
    width:54px;}
    
    #about {position:realtive;
    left:339;top:-629;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    
    #bankbut1 {position:absolute;
    left:460;top:50;
    z-index:1;
    font-family:arial;
    font-size:21px;
    font-color:blue;
    visibility:hidden;
    background-color:yellow;
    height:26px;
    width:50px;
    border-style:solid;
    border-width:2px;
    cursor:hand;}
    
    #bankbut2 {position:absolute;
    left:530;top:50;
    z-index:1;
    font-family:arial;
    font-size:21px;
    font-color:blue;
    visibility:hidden;
    background-color:yellow;
    height:26px;
    width:50px;
    border-style:solid;
    border-width:2px;
    cursor:hand;}
    
    #bankbut3 {position:absolute;
    left:600;top:50;
    z-index:1;
    font-family:arial;
    font-size:21px;
    font-color:blue;
    visibility:hidden;
    background-color:yellow;
    height:26px;
    width:50px;
    border-style:solid;
    border-width:2px;
    cursor:hand;}
    
    #bankbut4 {position:absolute;
    left:670;top:50;
    z-index:1;
    font-family:arial;
    font-size:21px;
    font-color:blue;
    visibility:hidden;
    background-color:yellow;
    height:26px;
    width:50px;
    border-style:solid;
    border-width:2px;
    cursor:hand;}
    
    #rowclickui {position:absolute;
    left:350;top:350;
    height:30px;
    width:180px;
    z-index:2;
    border-style:outset;
    border-width:5px;
    font-family:arial;
    font-size:15px;
    font-color:black;
    background-color:#CCCCCC;
    visibility:hidden;}
    
    #save {position:absolute;
    left:13;top:88;
    z-index:1;
    font-family:arial;
    font-size:18px;
    font-color:black;
    visibility:hidden;
    background-color:#999999;
    border-style:solid;
    border-width:1px;
    height:24px;
    width:81px;
    cursor:hand;}
    thanks

  • #8
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    There were a few error, semi-colons instead of colons.

    This should be OK now. validatorwise.

    I put a doctype in. You may want to use a different one, but you must use one for consistent results

    Frank
    Last edited by effpeetee; 05-29-2010 at 03:21 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Code:
    <style type="text/css">#background {
      position: absolute;
      left: 0;
      top: 0;
      z-Index: -1;
      height: 1500px;
      width: 1500px;
      background-color: #CCCCCC;
    }
    
    #menu {
      position: relative;
      left: -5;
      top: 1;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: visible;
      cursor: hand;
      height: 24px;
      width: 40px;
      background-color: #CCCCCC;
    }
    
    #menu2, #menu4 {
      position: relative;
      left: 3;
      top: 1;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      height: 24px;
      width: 81px;
      border-style: solid;
      border-width: 1px;
      cursor: hand;
    }
    
    #menu3 {
      position: realtive;
      left: 85;
      top: -47;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #modify {
      position: relative;
      left: 36;
      top: -95;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: visible;
      cursor: hand;
      background-color: #CCCCCC;
      height: 24px;
      width: 66px;
    }
    
    #queery, #queery2 {
      position: realtive;
      left: 42;
      top: -95;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #queery3, #bank3 {
      position: realtive;
      left: 115;
      top: -341;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #queery4, #search {
      position: realtive;
      left: 196;
      top: -413;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #nfb {
      position: absolute;
      left: 300;
      top: 300;
      z-Index: 0;
      height: 150px;
      width: 300px;
      background-color: #CCCCCC;
    }
    
    #bank2 {
      position: realtive;
      left: 42;
      top: -246;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #filebank {
      position: relative;
      left: 85;
      top: -269;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #remove {
      position: relative;
      left: 105;
      top: -341;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: visible;
      cursor: hand;
      background-color: #CCCCCC;
      height: 24px;
      width: 76px;
    }
    
    #tools {
      position: relative;
      left: 184;
      top: -412;
      z-index: 0;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: visible;
      cursor: hand;
      background-color: #CCCCCC;
      height: 24px;
      width: 54px;
    }
    
    #workspace, #workspace2, #workspace3, #workspace4 {
      position: absolute;
      left: 100;
      top: 100;
      z-index: -1;
      height: 1200px;
      width: 800px;
      background-color: white;
      cursor: hand;
      visibility: hidden;
      font-family: arial;
      font-color: #CCCCCC;
    }
    
    #all {
      position: relative;
      left: 278;
      top: -461;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      height: 34px;
      width: 81px;
      border-style: solid;
      border-width: 1px;
      cursor: hand;
    }
    
    #all2 {
      position: relative;
      left: 278;
      top: -485;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      height: 34px;
      width: 81px;
      border-style: solid;
      border-width: 1px;
      cursor: hand;
    }
    
    #bank4 {
      position: realtive;
      left: 278;
      top: -461;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #bank5 {
      position: realtive;
      left: 278;
      top: -485;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #options {
      position: relative;
      left: 244;
      top: -580;
      z-index: 0;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: visible;
      cursor: hand;
      background-color: #CCCCCC;
      height: 24px;
      width: 74px;
    }
    
    #general {
      position: relative;
      left: 258;
      top: -581;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #help {
      position: relative;
      left: 320;
      top: -628;
      z-index: 0;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: visible;
      cursor: hand;
      background-color: #CCCCCC;
      height: 24px;
      width: 54px;
    }
    
    #about {
      position: realtive;
      left: 339;
      top: -629;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    
    #bankbut1 {
      position: absolute;
      left: 460;
      top: 50;
      z-index: 1;
      font-family: arial;
      font-size: 21px;
      font-color: blue;
      visibility: hidden;
      background-color: yellow;
      height: 26px;
      width: 50px;
      border-style: solid;
      border-width: 2px;
      cursor: hand;
    }
    
    #bankbut2 {
      position: absolute;
      left: 530;
      top: 50;
      z-index: 1;
      font-family: arial;
      font-size: 21px;
      font-color: blue;
      visibility: hidden;
      background-color: yellow;
      height: 26px;
      width: 50px;
      border-style: solid;
      border-width: 2px;
      cursor: hand;
    }
    
    #bankbut3 {
      position: absolute;
      left: 600;
      top: 50;
      z-index: 1;
      font-family: arial;
      font-size: 21px;
      font-color: blue;
      visibility: hidden;
      background-color: yellow;
      height: 26px;
      width: 50px;
      border-style: solid;
      border-width: 2px;
      cursor: hand;
    }
    
    #bankbut4 {
      position: absolute;
      left: 670;
      top: 50;
      z-index: 1;
      font-family: arial;
      font-size: 21px;
      font-color: blue;
      visibility: hidden;
      background-color: yellow;
      height: 26px;
      width: 50px;
      border-style: solid;
      border-width: 2px;
      cursor: hand;
    }
    
    #rowclickui {
      position: absolute;
      left: 350;
      top: 350;
      height: 30px;
      width: 180px;
      z-index: 2;
      border-style: outset;
      border-width: 5px;
      font-family: arial;
      font-size: 15px;
      font-color: black;
      background-color: #CCCCCC;
      visibility: hidden;
    }
    
    #save {
      position: absolute;
      left: 13;
      top: 88;
      z-index: 1;
      font-family: arial;
      font-size: 18px;
      font-color: black;
      visibility: hidden;
      background-color: #999999;
      border-style: solid;
      border-width: 1px;
      height: 24px;
      width: 81px;
      cursor: hand;
    }
    </style>
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #10
    New Coder
    Join Date
    Aug 2009
    Posts
    84
    Thanks
    10
    Thanked 0 Times in 0 Posts
    For some reason all the positions are messed up but ill just re align them. Thanks for all your help.

  • #11
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by alcool9999 View Post
    For some reason all the positions are messed up but ill just re align them. Thanks for all your help.
    The mixed up colons/semicolons may have caused that.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #12
    New Coder
    Join Date
    Aug 2009
    Posts
    84
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Even on your link it is but im nearly finished now. thanks


  •  

    Posting Permissions

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