Guten Abend,
ich habe mich mal versucht mit nem eigenen Layout. Soweit bin ich zufrieden. Es gibt nur ein Problem. Und zwar wird die Homepage falsch dargestellt.
Das Kuriose. Wenn ich local diese Homepage angucke sieht sie vollkommen normal aus. Gucke ich sie aber extern (über meine IP an) werden zwei Leerstellen angezeigt. Ich habe da mal 2 Screenshots und den Code hier ins Forum gestell.
Noch ein Hinweis: Ich bin Anfänger in diesen Sachen. :mrgreen:
Hier die Codes
CSS:
HTML:
Screenshots:
ich habe mich mal versucht mit nem eigenen Layout. Soweit bin ich zufrieden. Es gibt nur ein Problem. Und zwar wird die Homepage falsch dargestellt.
Das Kuriose. Wenn ich local diese Homepage angucke sieht sie vollkommen normal aus. Gucke ich sie aber extern (über meine IP an) werden zwei Leerstellen angezeigt. Ich habe da mal 2 Screenshots und den Code hier ins Forum gestell.
Noch ein Hinweis: Ich bin Anfänger in diesen Sachen. :mrgreen:
Hier die Codes
CSS:
Code:
body {margin:0; padding:0;
background-image:url('../images/background.jpg');
background-repeat:repeat;
font-family: "Comic Sans MS";
}
#navbar {
height: 40px;
background-image: url('../images/navbar_top.png');
margin: 0px 0px 0px 0px;
}
#header {
height: 120px;
background-image:url('../images/bg_header.png');
}
#headerborder {
height: 10px;
background-image: url('../images/header_border.png');
}
#contentout{
background-image:url('../images/header_border_2.png');
height:30px;
}
#contentin{
background-image:url('../images/content_up.png');
width: 800px; margin:auto;
height:30px;
}
#textcontent{
background-image:url('../images/content.png');
width: 800px; margin:auto;
height:250px;
background-repeat:repeat-y;
}
#footer{
background-image:url('../images/content.png');
width: 800px; margin:auto;
height:17px;
background-repeat:repeat-y;
text-align:center;
}
#titelderseite{
margin-left: 80px;
text-decoration:underline;
color: white;
}
#sensenmann_rechts{
background-image:url('../images/sensenmann_rechts.png');
height:120px;
width:231px;
float:right;
}
#logo_links{
background-image:url('../images/logolinks.png');
height:120px;
width:300px;
float:left;
}
/*Linkfarbe*/
a:link { font-weight:bold; color:white; text-decoration:none; }
a:visited { font-weight:bold; color:white; text-decoration:none; }
a:focus { font-weight:bold; color:blue; text-decoration:underline; }
a:hover { font-weight:bold; color:silver; text-decoration:none; }
a:active { font-weight:bold; color:blue; text-decoration:underline; }
/*Linkfarbe Ende*/HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "[URL]http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd[/URL]">
<head>
<title>Titel der Seite</title>
<meta content="de" http-equiv="Content-Language" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<style type="text/css">
</style>
</head>
<body>
<div id="navbar"></div>
<div id="header">
<div id="sensenmann_rechts"></div>
<div id="logo_links"></div>
</div>
<div id="headerborder"></div>
<div id="contentout">
<div id="contentin"><h2 id="titelderseite">Titel der Seite</h2></div>
<div id="textcontent"></div>
<div id="footer">
<h6>Design by <a href="[URL]http://onewaydoor.tk">John</a[/URL]>. Copyright by No Mercy Team 2010. All rights reserved.</h6>
</div>
</div>
</body>Screenshots:
Zuletzt bearbeitet:
