• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Background-Image einfügen

-=GlobalLove=-

Neues Mitglied
HabboExplorer • Wartungsmodus ist meine HomePage. Soo wir sind zurzeit im Wartungsmodus und ich will 5px über dem header und 1px neben dem header bis 1px unter dem header eine grafik einsetzen.


HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HabboExplorer &bull; Wartungsmodus</title>
<link rel="shortcut icon" type="image/x-icon" href="./img/favicon.png">
<style type="text/css">@import url('style.css');</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="de" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="description" content="HabboExplorer ist eine Fanseite zum deutschen Habbohotel!" />
<meta name="keywords" content="habboexplorer, habbo, explorer, fanseite, aktuell, infos, hotel, taler, events" />
</head>
<body>
<div id="dickie"></div>
<div id="wrapper">
<div id="top"></div>
<div id="bar"><center>Wir befinden uns derzeit im Wartungsmodus!</center></div> <div id="main">Hallo Habbo,<br />zurzeit befinden wir uns im Wartungsmodus.<br />Bis wir wieder frei zugänglich sind, musst du dich noch ein wenig gedulden!<br /><br />Natürlich suchen wir noch einige Mitarbeiter die uns unterstützen!<br />Wir suchen Techniker,Eventmanager,Community Manager,Infocenter Mitarbeiter und Newsschreiber! Vorraussetzung sind gute Kentnisse und Teamspeak, da wir absofort auf hohe Sicherheit Wert legen!<br />Bewerben kannst du dich unter <a href="mailto:[email protected]">[email protected]</a><br /><br />Viel Glück wünscht euch<br /><p><b>Die Administration</b></p><br><br></div><div id="footer">&copy HabboExplorer.de ~ -=GlobalLove=-
</div>
</body>

</html>



CSS-Code:

/* Copyright by HabboExplorer 2010 */

body {
background-image: url('./img/background.png');
font-family: verdana;
font-size: 11px;
}

a:link, a visited {
color: gray;
}

#dickie {
background-image: url('./img/dickie.png');
widht: 197px;
hight: 321px;
}


#wrapper {
width: 503px;
margin: auto;
margin-top: 85px;
}




#top {
background-image: url('./img/top.PNG');
width: 503px;
height: 68px;
}

#bar {
background-image: url('./img/bar.PNG');
width: 498px;
height: 18px;
color: #ffffff;
padding-top: 5px;
padding-left: 5px;
}

#main {
background-image: url('./img/main.PNG');
width: 498px;
height: auto;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

#footer {
background-image: url('./img/footer.PNG');
width: 498px;
height: 14px;
color: #ffffff;
padding-top: 5px;
padding-left: 5px;
}



dickie ist die Grafik. dise Grafik möchte ich links haben aber wie? :o
 
Wo erscheint "dickie" denn mit dem gezeigten code?

ansonsten würde ich sagen
HTML:
padding-top=5px, padding-left=1px, padding-right=1px padding-bottom=1px

und pack das div in den wrapper.

was soll denn bei dir der header sein?
"top"?
 
Hallo.

Deine Grafik ist ja ein Hintergrundbild.
Also gib ihr ein background-position: left;

Am besten mal die Seite online stellen und den Link posten, wir haben deine Hintergrundbilder nicht, um uns vorzustellen wie das aussieht.

Gruss
Elroy
 
Zurück
Oben