Login-Box op ene pagina wel goed en de andere niet!

Door Mathieu Posthumus op 04-03-2014 09:37 gewijzigd op 04-03-2014 09:41

1.625 views

Goedemorge,

Ik heb dus een website, en als je dan op de login knop drukt verschijnt er een login-box met aan de ene kant register en aan de andere kant login, maar op mijn homepage zit alles goed recht, en als ik dan naar de adverteer pagina ga dan zit het niet netjes onder elkaar.

Voorbeelden.

Wel goed:Wel goed

Niet goed:Niet goed

Ariën

04-03-2014 10:19

Kan je wat duidelijker vertellen wat er niet klopt? Desnoods even omcirkelen?
Wat relevante code zou ook niet overbodig zijn.

Mathieu Posthumus

04-03-2014 10:22

Wat er fout is:
Als je kijkt naar de foto's dan zie je bij de ene dat alles netjes onder elkaar zit dus alle fields.
En bij de ander zit de submit niet goed eronder.

Codes:

login.css


.line_vertical{
	position: absolute;
	background: lightgray;
	width: 1px;
	height: 80%;
	left: 50%;
	top: 10%;
}

.register_side{
	position: absolute;
	left: 5%;
	top: 5%;
	width: 40%;
	height: 60%;
}

.login_side{
	position: absolute;
	right: 5%;
	top: 5%;
	width: 40%;
	height: 60%;
}

h2.login{
	text-align: center;
}

input.login_form{
	position: relative;
	left: 6%;
	width: 90%;
	line-height: 18px;
	font-size: 16px;
	padding: 13px 9px;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	text-align: center;
}

input.submitknop{
	position: relative;
	height: 60px;
	width: 90%;
	background: darkgray;
	color: gray;
	left: 6%;
	margin-top: 10px;
	font-size: 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


<link type="text/css" rel="stylesheet" href="login.css" />
<div class="register_side">
	<h2 class="login">Registreer hier!</h2>
	<form>
		<input type="text" name="username" class="login_form" placeholder="Gebruikersnaam" />
		<input type="password" name="password" class="login_form" placeholder="Password" />
		<input type="text" name="email" class="login_form" placeholder="Email" />
		<input class="submitknop" type="submit" name="register" value="Register" />
	</form>
</div>
<div class="line_vertical"></div>
<div class="login_side">
	<h2 class="login">Login hier!</h2>
	<form>
		<input type="text" name="username" class="login_form" placeholder="Gebruikersnaam" />
		<input type="password" name="password" class="login_form" placeholder="Password" />
		<input class="submitknop" type="submit" name="login" value="Login" />
	</form>
</div>

Ariën

04-03-2014 10:25

Als ik op twee pagina's een afwijking zie, dan kijk leg ik de broncodes vaak over elkaar heen in een goede editor (ik heb Netbeans) en dan kijk ik met de Diff-tool naar de verschillen.

Mathieu Posthumus

04-03-2014 10:28

Ehm Aar sorry maar ik begrijp even niet wat je bedoeld, want ik heb wel netbeans moet ik daar even de code inzetten? en dan kijken ofz?

Ariën

04-03-2014 10:33

In je projectsmap kan je twee bestanden selecteren om te vergelijken. Dan druk je bij Tools op Diff, en dan zie je de verschillen. Ik denk dat er ergens een HTML-element of iets dergelijks mist.

Mathieu Posthumus

04-03-2014 10:34

Oke ik zal even kijken...

Toevoeging op 04/03/2014 10:38:11:

Maar Aar sorry hoor dat ik dit ben vergeten te zeggen is dat ik de login box include in de menu.php en die include ik in beide paginas

Ariën

04-03-2014 11:00

Als die HTML-codes haast gelijk zijn, moet het wel iets in HTML zijn. Heb je al eens de CSS-properties bekeken met FireBug in Firefox of een andere dergelijke inspectie-tool? Blijkbaar zit er ergens verschil in.

Snelle Jaap

04-03-2014 11:57

Anders ga je zo letter voor letter, cijfer voor cijfer vergelijken.

Ariën

04-03-2014 15:03

Snelle Jaap op 04/03/2014 11:57:25

Anders ga je zo letter voor letter, cijfer voor cijfer vergelijken.

Hoezo dat, als diff'en makkelijker werkt? :-D

Mathieu Posthumus

05-03-2014 08:38

Sorry jongens het internet was uitgevallen hier de hele dag, want in zaandam was al het stroom uitgevallen. dus ik had geen internet!

Reageren

Inloggen om te reageren