Det här är min HTML Kod:
<html>
<head>
<title>
Välkommen till Gamescy! Logga in, gå med eller läs mer om oss.
</title>
<link rel="shortcut icon" href="/favicon.ico">
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<div id="header">
<img src="headerimg.png">
</img>
<div id="logindiv">
<div id="loginrow1">
<h1
E-postadress Lösenord:
</h1>
</div>
<div id="loginrow2">
<form>
<input type="text" name="User">
<input type="password" name="Password">
<input type="button" name="loginbtn" value="Logga in">
</form>
</div>
<div id="loginrow3">
<h1
Har du glömt ditt lösenord?
</h1>
</div>
</div>
</div>
<img src="gradientindex.png" width="100%" height="500px"><img>
<hr width="99%" size="1" color="CCCCCC">
</body>
</html>
Och det här är min CSS Stilmall:
body{
margin: 0px 0px 0px 0px;
}
#header{
width: 100%;
height: 100px;
background-color: #339933;
position: relative;
}
#logindiv{
width: 450px;
height: 100px;
background-color: CCCCCC;
margin: 0px 45px 0px 0px;
float: right;
}
#loginrow1{
width: 450px;
height: 26px;
margin: 12px 0px 0px 0px;
background-color: red;
float: right;
color: white;
}
#loginrow2{
width: 450px;
height: 26px;
margin: 3px 0px 0px 0px;
background-color: blue;
float: right;
}
#loginrow3{
width: 450px;
height: 20px;
margin: 3px 0px 0px 0px;
background-color: black;
float: right;
color: white;
}
Jag älskar DreamWeaver !!! (bara kod delen) (Tack till zalaa på hamsterpaj!)