TailorDesigns
Neues Mitglied
Guten Tag Liebe Com!
Ich hätte nun wieder ein paar fragen ,
Wie bekomme ich den Hintergrund für alle Geräte richtig dargestellt in richtiger größe ?
Wie bekomme ich meine Icons Zentriert und wie kann ich den abstand von Icon zu icon ändern?
PS Entwurf ( So sollte es aussehen) :
Mein jetziger stand im Coding:
HTML Code:
CSS Code:
Ich hätte nun wieder ein paar fragen ,
Wie bekomme ich den Hintergrund für alle Geräte richtig dargestellt in richtiger größe ?
Wie bekomme ich meine Icons Zentriert und wie kann ich den abstand von Icon zu icon ändern?
PS Entwurf ( So sollte es aussehen) :
Mein jetziger stand im Coding:
HTML Code:
Code:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" /> <!-- Codierung -->
<title>Enterpage V1.0</title> <!-- Titel-->
<!-- Verlinkungen-->
<link rel="stylesheet" href= "stylesheet.css" >
<link rel="animation" href= "jscript.js" >
<link rel="icon" href="icons/favicon.png" type="image/png" /> <!-- Favicon Definieren-->
</head>
<body id="body" > <!-- Hintergrund-->
<header id="head">
<img src="images/logo.png" id="logo">
</header>
</body>
<content id= "enter">
<a href="http://deinforum.de"><img src="icons/forum.png" id="forum"></a>
<a href="http://deingame.de"><img src="icons/game.png" id="game"></a>
<a href="http://deinteamspeak.de"><img src="icons/teamspeak.png" id="ts"></a>
<a href="http://deincontrolpanel.de"><img src="icons/controlpanel.png" id="cp"></a>
</content>
<footer id="footer">
</footer>
</html>CSS Code:
Code:
html, body {
background:url(images/Bild1.png);
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#enter{
display:inline-block
}
#logo{
width: 50%;
height: 50%;
margin: 0 auto;
}
#forum {
width: 12%;
height: 12%;
margin: 0 auto;
}
#game{
width: 12%;
height: 12%;
}
#ts{
width: 12%;
height: 12%;
}
#cp{
width: 12%;
height: 12%;
}
