Kan iemand me misschien helpen met me layout?
Ik heb een inlog en een logo die ik naast elkaar wil hebben
Logo komt links en inloggen komt rechts alleen als ik float gebruik komt het niet goed te staan.
Ik heb het volgende gedaan:
header div met 900px groot deze verdeeld in 2 classes een logo class en een inlog class.
Maar het resultaat is dit: http://starocms.nl
Op 1 of andere reden staat het niet goed die inlog. het staat onder elkaar en het moet naast elkaar zitten.
Kan iemand me helpen?
CSS Code:
Code
#header {
width: 900px;
height: auto;
margin: 8px;
}
.logo {
width: 238px;
height: 54px;
background: url('images/logo.png');
margin: 0px;
float: left;
}
.inlog {
margin: 0px;
float: left;
margin-left: 500px;
}HTML CODE:
Code
<div id='wrapper'>
<div id='header'>
<div class='logo'></div>
<div class='inlog'>
<form method="post" class="login" action="#">
<label class="item" for="username"><img src="images/user-icon.png" width="16" height="16" alt="User" /></label>
<input class="input" type="text" name="username" id="username" value="Gebruikersnaam" />
<label class="item" for="password"><img src="images/pass-icon.png" width="16" height="16" alt="Pass" /></label>
<input class="input" type="password" name="password" id="password" value="Wachtwoord" />
<label class="submit"><input type="submit" name="submit" class="submit" value="Login" /></label>
</form>
</div>
</div>