- Joined
- Apr 21, 2007
- Messages
- 2,585
- Reaction score
- 1
Hallo,
hab folgenden Loginscreen mit Photoshop erstellt:
habs gesliced und mit Photoshop HTML-Code erstellen lassen. hab aber gehört das soll nur müll sein und man solls lieber selbst machen. Aber wie tue ich das ? Momentan sieht meine HTML-Datei so aus:
Meine CSS-Datei
Aber es sieht nicht mal annährend so aus wie es sollte... Help Pls :x
hab folgenden Loginscreen mit Photoshop erstellt:
habs gesliced und mit Photoshop HTML-Code erstellen lassen. hab aber gehört das soll nur müll sein und man solls lieber selbst machen. Aber wie tue ich das ? Momentan sieht meine HTML-Datei so aus:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Hell vs. Heaven - Free Online Strategy Role Play Browsergame. Spiele fuer die Hoelle oder fuer den Himmel und fuehre deine Partei zum Sieg!
</title>
<link href="index_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="loginfield" align="center">
<form target="_self">
<label for="username" class="loginfield">USERNAME</label><br />
<input type="text" id="username" /><br />
<label for="password" class="loginfield">PASSWORD</label><br />
<input type="password" id="password" /><br />
<input name="Senden" type="submit" id="Login" value="Login" /><br />
<a href="#">Passwort vergessen?</a>
<br />
</form>
</div>
</body>
</html>Meine CSS-Datei
Code:
@charset "utf-8";
/* CSS Document */
.loginfield {
width:185px;
height:183px;
font-family:"Lithos Pro Regular";
background:url(../48750495bf252,angels-heaven.jpg);
opacity:50%
}
input[type="submit"] {
background:url(../Log-In/images/Loginscreen_10.gif)
}Aber es sieht nicht mal annährend so aus wie es sollte... Help Pls :x
ty.
