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

Website wird online anders angezeigt als lokal (offline)

B

BlackClown

Neues Mitglied
Hallo,
ich bin noch sehr neu im Gebiet "HTML" und hab folgende Frage :

Das Spass-Projekt an dem ich grade arbeite, sieht lokal(also offline; hoffe, dass ist der richtige Begriff) folgendermaßen aus :
Aq1rqut.png


Sobald ich die html-datein hochlade, öffnet sich die Seite online, nur so :

7J8AyZH.png


kurz gefasst : Der obere Teil ist praktisch weggeschnitten.
Kann mir jemand erklären, wieso das so ist + wie ich das beheben kann ? :)
Danke im voraus ! :)

Ich würde euch gerne noch den html-Code hier irgendwie dazupacken, jedoch weiß ich grad nicht genau, mit welchem BB-Code oder villt über welche Website ich den online abspeichern kann, um euch nen Link zu kommen zu lassen. Bin für jede Hilfe dankbar ! :)

Versuche es nachher hier reinzueditieren :)

Liebe Grüße
Sikaya
 
Werbung:
Könntest du vielleicht noch den Link posten zu deiner Seite. Ansonsten kannst du mit [ HTML ] html Quellcode [ /HTML ] (Die Leerschritte zwischen klammer und text natürlich weg nehmen)
posten. Aber wenn die Seite online ist, dann wird hier ganz gerne ein Link gesehen :)
 
Ach,klar natürlich ! Total vergessen !

Sikaya.de

und der vollständigkeithalber : html-Code

HTML: 
<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
        <meta charset="UTF-8"
        <title>Wood Working Website Template</title>
        <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
        <div id="header">
                <div>
                        <div id="logo">
                                <a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
                        </div>
                        <ul id="navigation">
                                <li class="selected">
                                        <a href="index.html">Home</a>
                                </li>
                                <li>
                                        <a href="designer.html">T-Shirt Designer</a>
                                </li>
                                <li>
                                        <a href="mann.html">M&auml;nner</a>
                                </li>

                                <li>
                                        <a href="frau.html">Frauen</a>
                                </li>
                                <li>
                                        <a href="kind.html">Kinder/Baby</a>
                                </li>
                                <li>
                                        <a href="hilfe.html">Hilfe/FAQ</a>
                                </li>
                        </ul>
                </div>
        </div>
        <div id="contents">
                <div>
                        <div class="body">
                                <div id="adbox">
                                        <img src="images/chair.jpg" alt="Img"> <span class="info"> Whicker Chair <em>$250.00</em> <a href="index.html" class="btn1">View Details</a> </span>
                                        <div class="details">
                                                <h1>T-Shirt selbst gestalten<br> mit deinem Foto,<br> Text und Motiv</h1>
                                                <p>
                                                        Mit unserem Designer entscheidest DU selbst, wie du dein individuelles T-Shirt gestalten m&ouml;chtest. W&auml;hle aus zwischen lustigen Motiven und Spr&uuml;chen und erstelle dein pers&ouml;nliches T-Shirt.
                                                </p>
                                        </div>
                                </div>
                                <ul id="featured">
                                        <li>
                                                <div>
                                                        <img src="images/living-room.jpg" alt="Img"> <a href="index.html"></a>
                                                </div>
                                                <div class="details">
                                                        <h4>Schritt 1 : Produkt</h4>
                                                        <p>
                                                                Zun&auml;chst solltest Du ein Kleidungsst&uuml;ck w&auml;hlen, zur Auswahl stehen T-Shirts, Pullover und vieles mehr. Details zur ausgew&auml;hlten Kleidung findest Du direkt unter dem Designer. Dort sind Informationen zu Gr&ouml;&szlig;e und Verarbeitung zu finden.
                                                        </p>
                                                </div>
                                        </li>
                                        <li class="bedroom">
                                                <div>
                                                        <img src="images/bedroom.jpg" alt="Img"> <a href="index.html"></a>
                                                </div>
                                                <div class="details">
                                                        <h4>Schritt 2 : Motiv</h4>
                                                        <p>
                                                                W&auml;hle Deinen individuellen Aufdruck aus unseren Motiv-Kategorien aus oder lade eigene Fotos vom PC aus hoch.   <br> <br> <br> <br>
                                                        </p>
                                                </div>
                                        </li>
                                        <li class="kitchen">
                                                <div>
                                                        <img src="images/kitchen.jpg" alt="Img"> <a href="index.html"></a>
                                                </div>
                                                <div class="details">
                                                        <h4>Schritt 3 : Text</h4>
                                                        <p>
                                                                &Uuml;ber die Text-Funktion kannst Du beliebige Spr&uuml;che oder Zitate auf ein T-Shirt laden und diese in Schriftart, Farbe und Gr&ouml;&szlig;e ver&auml;ndern und anpassen. Weitere Details zum "Text hinzuf&uuml;gen" erh&auml;ltst Du unter folgenden Link. <br> <br>
                                                        </p>
                                                </div>
                                        </li>
                                </ul>
                                <div class="contact">
                            
                </div>
        </div>
</body>
</html>
(musste ich hier und da etw. abkürzen, weils zu gross war.
 
Werbung:
Also ich musste nun etwas googlen und komm aus dem staunen nicht heraus. Das liegt wohl an der id adbox.
Weil das im Zusammenhang mit dem browser Addon Adblocker steht.

Also ändere die ID des div's und dann sollte der Bereich wieder sichtbar sein.

Hier noch ein Link zum nachlesen
 
Oh, damit hätte ich jetzt nicht gerechnet. haha :D

GROSSES Danke an dich für deine Mühe, B3nnoX ! :)

Schönen Tag noch :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben