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 4 of 4
  1. #1
    New Coder
    Join Date
    Feb 2009
    Posts
    22
    Thanks
    2
    Thanked 0 Times in 0 Posts

    This is impossible =\ i been trying to do this for 2 days any feedback would help

    Code:
    <style type="text/css">
    body {
    margin: 0px;
    	background: #1C1C1C;
        font-family: "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif;
        font-size: 11px;
        font-style: normal;
    	font-color: #fff;
    }
    #TITLEBG {
    	width:100%;
    	height:168px;
    	z-index:-1;
    	overflow: visible;
    	background-image: url(http://xtraservers.com/egl/theme/default/images/TOPBN-Left.jpg);
    	margin:0 auto;
    	left: 0;
    	top: 0;
    }
    #LOGINAREA {
    	position:absolute;
    	width:415px;
    	height:168px;
    	z-index:1;
    	left: 50%;
    	background-image: url(http://xtraservers.com/egl/theme/default/images/TOPBN-CENTER.jpg);
    	top: 0;
    }
    
    #LOGIN {
    	position:absolute;
    	width:320px;
    	height:22px;
    	z-index:2;
    	left: 64px;
    	top: 69px;
    }
    
    </style>
    </head>
    
    <body>
    
    
    <div id="TITLEBG"></div><div id="LOGINAREA"><div id="LOGIN">
     <?
    //Login Block ////////////////////////////////////////////////////////////////////////////////////
    
    LOGIN SECTION  IS HERE.. 
    
    //End Login Block////////////////////////////////////////////////////////////////////////////////////////////////////////
    ?></div>
    </div>
    As you can see my login at, http://www.xtraservers.com/egl

    it isnt going anywhere no matter how i put any code in it stays in the same spot. whats going on? need help bad. "still newb at css a lot i been playing with this for the past few days."

    Help would be greatly appreciated. Basically i want to know why its not going anywhere so then i can do my margins or w/e to make it position correctly.

  • #2
    New Coder
    Join Date
    Feb 2009
    Posts
    22
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Hmm it seems firefox to me isnt working properly.

    IE shows it below the greenline and i think its moveable will test in a sec. Yes works in IE lawl.

    Hmmm, i wonder why Firefox is so crap now =\ im using 3.0.6

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello KORe,
    Try this for starters:
    Code:
    #LOGINAREA {
    	position:absolute;
    	width:415px;
    	height:168px;
    	z-index:1;
    	left: 50%;
    	background-image: url(http://xtraservers.com/egl/theme/default/images/TOPBN-CENTER.jpg);
    	top: 0;
    }
    #LOGIN {
    	width:215px;
    margin: 45px auto 0;
    background: #ccc; /*for testing only*/
    }
    To make this work you have to look all the way down toward the bottom of your embedded styles and delete
    Code:
    #LOGIN {
    	position:absolute;
    	width:320px;
    	height:22px;
    	z-index:2;
    	left: 65px;
    	top: 48px;
    }

    Errors on your site - http://validator.w3.org/check?verbos...s.com%2Fegl%2F
    It could be you should not use a strict doctype.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    KoRe (02-07-2009)

  • #4
    New Coder
    Join Date
    Feb 2009
    Posts
    22
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Wow that worked forboth

    your the man now lets see if i can position it to where i want it =\


  •  

    Posting Permissions

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