skifte mellem opret bruger & log ind

men lige nu arbejder jeg lidt på at for input til at være i midt af det hele.

Kode 

<style type="text/css">
*{
	margin: 0px; padding: 0px;
}
html {			
	overflow-y: scroll;
}
.box{
	background:white;
	display:none;
}
#opretbox_forside {
	width: 220px;		
	float: right;
	border: 2px solid #EFA63E;
	border-radius: 5px;		 
	text-align: center; /* centrarer indholdet af boxen */		
}
#opretbox_forside ul {
	list-style-position: inside;
}	
#opretbox_forside li {
	display: inline;
}    
#opretbox_forside p {
	text-align: left;
	margin-left: 36px;
}
</style>

men lige nu arbejder jeg lidt på at for input til at være i midt af det hele.

et bud kunne se sådan ud

Kode 

<style type="text/css">
*{
	margin: 0px; padding: 0px;
}
html {			
	overflow-y: scroll;
}
.box{
	background:white;
	display:none;
}
#opretbox_forside {
	width: 220px;		
	float: right;
	border: 2px solid #EFA63E;
	border-radius: 5px;		 
	text-align: center; /* centrarer indholdet af boxen */		
}
#opretbox_forside ul {
	list-style-position: inside;
}	
#opretbox_forside li {
	display: inline;
}    
#opretbox_forside p {
	text-align: left;
	margin-left: 36px;
}
</style>

demo opdateret

HTML kode 

 <div id="opret_bruger" class="box">
     <ul>
         <li><a href="javascript:void(0);" alt="log_ind">Log ind</a></li>
         <li><a href="javascript:void(0);" alt="opret_bruger">Opret bruger</a></li>
     </ul>
     <form name="opret_bruger-users" method="post" action="#">
     <p>Email</p>
     <input type="email" name="brugernavn" />
     <p>Password</p>
     <input type="password" name="pass" />
     <p>Password Gentag</p>
     <input type="password" name="gentag" />
     <p>Fornavn</p>
     <input type="text" name="brugernavn" />
     <p>Efternavn</p>
     <input type="text" name="brugernavn" />
     <p>Alder</p>
     <select name="alder">
         <option>Vælg her</option>
         <option>15</option>
         <option>16</option>
         <option>17</option>
         <option>18</option>
         <option>19</option>
         <option>20</option>
         <option>21</option>
         <option>22</option>
         <option>23</option>
         <option>24</option>
         <option>25</option>
         <option>26</option>
         <option>27</option>
         <option>28</option>
         <option>29</option>
         <option>30</option>
     </select>
     <p>Køn</p>
     <select name="boy-girl">
         <option>Vælg her</option>
         <option>Jeg er Mand</option>
         <option>Jeg er Kvinde</option>
     </select>
     <p>Jeg bor</p>
     <select name="boy-girl">
         <option>Vælg her</option>
         <option>Sjælland</option>
         <option>Fyn</option>
         <option>Jylland</option>
     </select>
     <br /><br />
     <input type="submit" name="godkendt" value="Godkendt Bruger" class="godkendt_bruger">
     </form>                
 </div>
 <div id="log_ind" class="box">
     <ul>
         <li><a href="javascript:void(0);" alt="log_ind">Log ind</a></li>
         <li><a href="javascript:void(0);" alt="opret_bruger">Opret bruger</a></li>                    
     </ul>
     <form name="login" method="post" action="#">
         <p>Brugernavn</p>
         <input type="text" name="brugernavn" />
         <p>Password</p>
         <input type="password" name="pass" /><br /><br />
         <input type="submit" name="login" value="Log ind" class="godkendt_bruger">
         </form>
 </div>

CSS kode 

 .box {
     display:none;
     width: 210px;
     margin: 4px;
     float: right;
     border: 2px solid #EFA63E;
     padding: 5px;
         
     border-radius: 5px;
  }
 .box ul {
     list-style-position: inside;
     text-align: center;
     margin-bottom: 10px;
     margin-top: 5px;
 }
 .box li {
     display: inline;
     background: #7597ED;
     padding: 5px;
     border: 0px;
     color: #FFF;
     margin: 5px;
 }
 .box li a {
     text-decoration: none;
     color: #fff;
 }
 .godkendt_bruger {
     background: #7597ED;
     padding: 5px;
     border: 0px;
     color: #FFF;
     margin: 5px;
 }

du har class="box" på bægge dinen forms !! hvordan skal brugeren se menuen ??
class box har som bekendt display: none; så ingen af formene bliver vist det er vist ikke meningen, menuen skal da visses, så brugeren kna vælge om deter login eller opret bruger han vil

Altså Det som jeg gerne vil have den skal gøre/såfremt start med opret bruger og når man er og klik på log ind så kommer dens infomation frem og klikker man på opret bruger igen så gå den tilbage igen

Altså Det som jeg gerne vil have den skal gøre/såfremt start med opret bruger og når man er og klik på log ind så kommer dens infomation frem og klikker man på opret bruger igen så gå den tilbage igen

det er meget enkelt:
på index siden er det en menu med 2 valg login og opret bruger. (formene er skjulte)

trykker brugeren på opret bruger, visses formen med opret bruger oplysninger, ved submit sendes brugeren til opret.php, og efter oprettelse sendes brugeren retur til index siden.

trykker brugeren på login, vises login formen, og ved submin sendes brugeren til login.php