Also ich hab ein Bild als hintergrund jedoch auf die seite wo was draufgeschrieben ist (ist ja eine homepage) hab ich schwarzen hintergrund. Jedoch ist dann unter dem menü auch schwarzer hintergrund, wie kann ich das verhindern?
Hier link zur seite damit ihr seht wie es im moment aussieht:
Spacefire
Hier noch html code (von der index seite) und css code.
und noch der css code:
Da ich nicht weis worin mein Fehler liegt und die Codes sowieso recht kurz sind hab ich die ganzen Codes gepostet.
Hier link zur seite damit ihr seht wie es im moment aussieht:
Spacefire
Hier noch html code (von der index seite) und css code.
Code:
<html>
<head>
<title>Spacefire</title>
<link rel="stylesheet" type="text/css" href="http://spacefire.sp.funpic.de/Style/style.css" />
</head>
<body>
<img src="Style/header.jpg" id="header">
<div id="menu1">
<h3>Menü</h3>
<div id="menu">
<ul align="left">
<li><a href="index.html">Home</a></li>
<li><a href="Seiten/ich/Ich.html">Ich</a></li>
<li><a href="Seiten/games/Games.html">Coole Games</a></li>
<li><a href="Seiten/internetseiten/Internetseiten.html">Internetseiten</a></li>
<li><a href="Seiten/videos/Videos.html">Videos</a></li>
<li><a href="Seiten/musik/Musik.html">Musik</a></li>
<li><a href="Seiten/blogs/Blogs.html">Blogs</a></li>
<li><a href="Seiten/Orte.html">Coole Orte</a></li>
<li><a href="Seiten/umfragen/Umfragen.html">Umfragen</a></li>
<li><a href="Seiten/lustiges/Lustiges.html">Lustiges</a></li>
<li><a href="Seiten/partnerseiten/Partnerseiten.html">Partnerseiten</a></li>
<li><a href="http://www.guestbook-free.com/books3/ettiene/">Gästebuch</a></li>
</ul>
</div></div>
<div id="seite">
<h1>Wilkommen auf Spacefire!!!</h1>
<p>Herzlich wilkommen auf Spacefire, meiner Homepage! Hier werdet ihr viel über mich erfahren, und wahrscheinlich auch über viele Games, Bands, Seiten und mehr.</p>
<p>Übrigens, die Homepage ist noch lange nicht fertig.</p>
</div>
</body>
</html>
Code:
body {
background-image: url("hintergrundbild.jpg");
background-attachment: fixed;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #C0C0C0;
}
a:active {
background-color: #FFFFFF
}
body {
margin-top: 0%;
margin-right: 15%;
margin-bottom: 0%;
margin-left: 15%;
}
#menu {
background-image: url("menuhintergrund.jpg");
width: 200px;
font-size: 20px;
float: left;
}
#menu1 {
color: #D3D3D3;
font-size: 20px;
padding-left: 30px;
height: 500px;
width: 200px;
float: left;
padding-right: 30px;
background-color: #000000;
}
#header {
margin-left: 23%;
}
#seite {
color: white;
width: 1100px;
height: 1200px;
font-size: 20px;
background-color: #000000;
}
h1 {
color: white;
}
p {
font-size: 25px;
color: white;