JohnnyReinders
Gebruiker
- Lid geworden
- 2 mrt 2011
- Berichten
- 118
Beste, ik zou een maffiaspel willen maken, en ben begonnen met het leren van css.
nu zit ik met het probleem dat ik mn formulier niet op de juiste plaats krijg.
dit is mn code:
HTML:
CSS:
Het is de bedoeling dat het formulier in het vak van memberarea komt te staan en niet er onder
nu zit ik met het probleem dat ik mn formulier niet op de juiste plaats krijg.
dit is mn code:
HTML:
Code:
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style.css">
</HEAD>
<BODY>
<div class="header">
<div class="header-text">
World Of Maffia
</div>
<div class="header-image">
</div>
</div>
<div class="menubar">
<button>HOME</button>
<button>Algemeen</button>
<button>Persoonlijk</button>
<button>Criminaliteit</button>
<button>Handel</button>
<button>Casino</button>
</div>
<div class="memberarea">
<FORM METHOD="post" ACTION="bestemming">
<I>Gebruikersnaam:</I>
<INPUT TYPE="text" NAME="naam" SIZE="20" MAXLENGTH="16">
<I>Wachtwoord:</I>
<INPUT TYPE="password" NAME="wachtwoord" SIZE="20" MAXLENGTH="32">
</FORM>
</div>
</BODY>
</HTML>
CSS:
Code:
body
{
background-color: gray;
}
.header
{
position: relative;
margin-left: 30px;
margin-right: 30px;
margin-top: 20px;
background: black;
height: 128px;
width: 256px;
border: 5px solid red;
float: left;
-moz-border-radius:30px 0px 30px 0px;
-webkit-border-radius:30px 0px 30px 0px;
border-radius:30px 0px 30px 0px;
}
.header-text
{
color: red;
position: relative;
font-size: 36;
font-style: italic;
margin: 16px 16px 16px 16px;
}
.header-image
{
}
.menubar
{
background: black;
border: 5px solid red;
position: relative;
margin-left: 291px;
top: 64px;
margin-right: 30px;
height: 32px;
color: red;
}
button
{
position: relative;
width: 96px;
height: 32px;
font-weight: bold;
background-color: red;
border: 1 solid red;
-moz-border-radius:30px 0px 30px 0px;
-webkit-border-radius:30px 0px 30px 0px;
border-radius:30px 0px 30px 0px;
}
.memberarea
{
position: relative;
top: 128;
color: white;
border: 5px solid red;
margin-left: 30px;
background: black;
width: 226;
height: 128;
}
Het is de bedoeling dat het formulier in het vak van memberarea komt te staan en niet er onder