Hallo,
Ich habe ein Problem ich habe meine Seite bei mir auf dem PC designt und Programmiert und es schaut auch alles gut aus jedoch habe ich jetzt das Problem ich habe es zu meinem Host hochgeladen und es geht garnichts also es greift nicht auf die css Datein zu und ein paar bilder werden nicht richtig angezeigt was habe ich falsch gemacht ich habe einfach die datein in das oberste Verzeichnis getan !
Mit Freundlichen Grüßen Philipp Götz
Hier der HTML Text
HTML
<!DOCTYPE html>
<html>
<head> <title> DELLAMOR </title> <link rel="stylesheet" type="text/css" href="styleKopf.css" /> <link rel="stylesheet" type="text/css" href="styleStartseite.css" /> <meta charset="UTF-8" /> </head>
<body> <!-- Kopf Anfang --> <div id="CartGesamt"> <a href="index.html"><img src="Bilder\EIcon.png" id="EIcon" alt="icon"/></a> <a href="index.html" id="SpracheE">ENGLISH</a> <a href="Wahrenkorb.html" id="Cart">WAHRENKORB</a> <a href="Wahrenkorb.html" id="Artikel">ARTIKEL 0</a> <a href="Wahrenkorb.html" id="Preis">Preis 0,00 </a> <a href="Wahrenkorb.html"><img src="Bilder\CartIcon.png" id="CartIcon" alt="Cart" ></a> </div> <a href="index.html"><img src="Bilder\Banner.png" title="Titel" id="Banner" alt="Titel"/></a> <div id="KopfG"> <a href="Damen.html" id="Damen">DAMEN</a> <a href="Herren.html" id="Herren">HERREN</a> <a href="Designer.html" id="Designer">DESIGNER</a> <a href="Outlet.html" id="Outlet">OUTLET</a> <a href="Kontakt.html" id="Kontakt">KONTAKT</a> </div> <!-- Kopf Ende --> <!-- Main Site Anfang --> <a href="index.html"><img src="Bilder\Top-bild.jpg" title="Titel" id="TitelBild" alt="Banner" /></a> <a href="Herren.html"><img src="Bilder\HerrenBild.png" id="HerrenBild" alt="HerrenBild"/></a> <a href="Damen.html"><img src="Bilder\DamenBild.png" id="DamenBild" alt="DamenBild"/></a> <a href="Facebook.html"><img src="Bilder\Facebook.png" id="Facebook" alt="Facebook"/></a> <a href="Facebook.html"><img src="Bilder\Visit.jpg" id="Visit" alt="VisitFacebook"/></a> <a href="Collection.html"><img src="Bilder\Collection.png" id="Collection" alt="Collection"/></a> <!-- Main Site Anfang --> </body>
</html>Hier die 2 CSS Datein
Code
body {
background-image: url("Hintergrund.gif");
}
#Banner {
margin-top: -3%;
margin-left: 10%;
height: 20%;
width: 50%;
position: absolute;
}
#EIcon {
width: 11px;
height: 11px;
position: absolute;
}
#SpracheE {
margin-left: 1.5%;
font-size: 11px;
color:red;
font-weight:bold;
text-decoration:none;
position: absolute;
font-family: Arial,Helvetica,sans-serif;
}
#Cart {
margin-left: 10%;
font-size: 13px;
color:red;
font-weight:bold;
text-decoration:none;
position: absolute;
font-family: Arial,Helvetica,sans-serif;
}
#Artikel {
margin-top: 3.5%;
margin-left: 10%;
font-size: 11px;
color: white;
text-decoration:none;
position: absolute;
font-weight:bold;
}
#Preis {
margin-top: 7%;
margin-left: 10%;
font-size: 11px;
color: white;
text-decoration:none;
position: absolute;
font-weight:bold;
}
#CartIcon {
margin-top: -0.5%;
margin-left: 22%;
width: 40px;
height: 65px;
position: absolute;
}
#CartGesamt {
margin-top: 3%;
margin-left: 71%;
}
#Damen {
margin-left: 5%;
font-size: 13px;
color: white;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#Damen1 {
margin-left: 5%;
font-size: 13px;
color: red;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#Herren {
margin-left: 5%;
font-size: 13px;
color: white;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#Herren1 {
margin-left: 5%;
font-size: 13px;
color: red;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#Designer {
margin-left: 5%;
font-size: 13px;
color: white;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#Outlet {
margin-left: 5%;
font-size: 13px;
color: white;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#Kontakt {
margin-left: 5%;
font-size: 13px;
color: white;
text-decoration:none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
}
#KopfG {
margin-top: 19%;
margin-left: 12%;
position: absolute;
width: 70%;
}Code
#TitelBild {
position: absolute;
margin-top: 24%;
margin-left: 10%;
width: 80%;
height: 47%;
border-width: 1px;
border-style: solid;
border-color: white;
}
#HerrenBild {
position: absolute;
margin-left: 10%;
margin-top: 73%;
width: 25%;
height: 45%;
}
#DamenBild {
position: absolute;
margin-left: 36%;
margin-top: 73%;
width: 25%;
height: 45%;
}
#Facebook {
position: absolute;
margin-top: 73%;
margin-left: 62%;
width: 283px;
height: 200px;
}
#Visit {
position: absolute;
margin-top: 105%;
margin-left: 62%;
width: 283px;
height: 53%;
}
#Collection {
position: absolute;
margin-top: 119.5%;
margin-left: 10%;
width: 51%;
height: 250px;
}