Hilfe Seite wird nicht richtig dargestellt

Philipp2007

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%;

    }

Alles anzeigen

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;
    }

Alles anzeigen

Billbos

Heißt deine Hauptdatei index.html oder index.php?

MrMurphy

Hallo,

ohne Link zur Seite wird dir kaum zu helfen sein. Deshalb kann ich zur Zeit nur raten:

Wenn ich deinen unstrukturierten Quelltext betrachte, dann deine Problembeschreibung lese, das zu Hause alles in deinem Sinn angezeigt wird, online aber nicht, habe ich den Verdacht, das die Groß- / Kleinschreibung von Verzeichnissen und Dateien bei deinem Problem eine Rolle spielt.

Auf dem heimischen Rechner, wahrscheinlich unter Windows, spielt die kaum eine Rolle. Die Server im Internet hingegen laufen in der Regel und Linux und dort muss die Groß- und Kleinschreibung auf den Buchstaben genau stimmen.

Erschwerend kommt noch hinzu, das einige Programme (sei es bei dir auf dem Rechner oder bei deinem Provider) davon ausgehen, das Datei- / Verzeichnisnamen mit Grossbuchstaben falsch sein müssen und die automatisch beim Übertragen auf den Server in Kleinbuchstaben umwandeln, den Quelltext aber nicht entsprechend anpassen.

Oder deine Pfadnamen sind schlicht und einfach falsch. Denn der Quelltext

Zitat

Bilder\CartIcon.png

passt nicht so recht zu dem Vorgehen

Zitat

ich habe einfach die datein in das oberste Verzeichnis getan !

Gruss

MrMurphy

Tags