online HP zeigt keine grafiken an

BaXTa · Jun 5th 2010

Hallo, ich bin recht neu im Homepagebereich und bin nicht wirklich weit mit meiner Seite. Ich habe das Buissines-Angengebot gewählt und wollte nun erstmal eine Startseite (index.html) online stellen, dabei ist mir aufgefallen, dass alle Grafiken die ich per img-Tag in die *.html geschrieben habe nur angezeigt werden, wenn ich die HP direkt von meinem Rechner im Browser anzeigen lasse nicht jedoch, wenn ich die nötigen Dteien per FTP hochgeladen habe und die Seite dann im Browser aufrufe! Einzig die Hintergrundbilder dich über die *.css-Datei eingebunden habe werden angezeigt! Kann mir einer sagen, woran das liegen könnte? Schon mal danke im Voraus!! Edit: Aha, ich glaube ich weiss wo der Fehler lag! Da ich gerne Ordnunghalte habe ich die Grafiken in Unterordner verstaut, und warum auch immer, aber das Program (oder was auch immer) kann damit nicht umgehen oder ich weiss nicht wie es geht. Jedenfalls funktioniert es wenn die Grafiken auf der gleichen Eben sind wie die index.html D. h. dann wohl Unterordner kann ich vergessen, oder??

ubuntu · Jun 5th 2010

Wenn du die Grafiken in einem Unterordner möchtest, binde sie so ein:

gruss ubuntu

BaXTa · Jun 5th 2010

so, hatte ich sie ja einbinden wollen und so wurden sie eben nicht gefunden!! Das ist ja genau das Problem! Seit dem ich die Bilder auf der gleicen Ebene wie die index.htm habe, werden auch die Bilder/Grafiken angezeigt. Allerdings bekommen ich nun keine Hintergrundbilder mehr zugesicht, welche den Restbereich ausfüllen sollen, die die Grafiken nicht bedecken.

ubuntu · Jun 5th 2010

Wie lautet der Sourcecode dieser Seite?

BaXTa · Jun 5th 2010

XHTML-Code

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">




<html xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="de" lang="de">




    <!-- Dokumenttitel und Metaangaben -->
    <head>




        <meta http-equiv="content-type"
            content="text/html; charset=utf-8" />




          <title>WK</title>  

          <meta name="author" content="DG" />
        <meta name="author-mail" content="mail@wkg-online.de" />




        <link rel="stylesheet" href="default.css"
        type="text/css" media="screen,projection" />
    </head>
<body>
        <div id="page"> <!-- Container Gesamte Page -->
              <div id="navikopf"><!-- ** Container Navigation Kopfbereich (NK)-->

                                                    <!-- Logo für jede Seite -->             
                                                    <h1 class="wkglogo"><img src="images\logo\kopf_logo_530x115.png"
                                                    width="530" height="115" alt="WK Logo" /></h1>

            </div><!-- ** Container NK Ende-->
        </div> <!-- Container Gesamte Page Ende-->
    </body>

</html>

Display More

CSS-Code

Code

@charset "utf-8";




/**
----------------------------------------------------
Regeln für allgemeine Elemente (default.css)
---------------------------------------------------- */
/* Alle kritischen Werte instanziieren der Boxen (Rahmen) */
{
  margin: 0;
  padding: 0;
  vertical-align: top;
}




/* Bilder */
img {
  vertical-align: bottom;
}




/** Farben und Hintergrund setzen
---------------------------------------------------- */
body {
    font: normal 100% Arial
    color: #F4F2EB;
}




---------------------------------------------------- */
/** Kopf
---------------------------------------------------- */
/* Navigation */
#navikopf {
  color: #999999;
  width: 750px;
  height: 200px;
  background-image: url(kopf_bg_10x115.PNG);
  background-position: left top;
  background-repeat: repeat-x;
}




h1.wkglogo {
    color: #1E150D;
  text-align: right;
  margin: 0;
}

Display More

Inzwischen funktioniert es mit den Grafiken - keine Ahnung woran das lag - allerdings werden online keine Hintergrundbilder aus der CSS gelesen, sondern nur von meinem Rechner aus angezeigt.

Anmerkung: die Grafiken liegen gerade doppelt vor (auf der gleichen Ebene wie die index.html und in Unterverzeichnissen, allso die Bilder müssten gefunden werden - und auf meinem Rechner funktioniert es ja auch)

ubuntu · Jun 5th 2010

Code

images\logo\kopf_logo_530x115.png

verwende anstatt \ mal /

gruss ubuntu

BaXTa · Jun 5th 2010

habe ich schon bei allen Bildern geändert aus \ wurde /

aber daran lag es nicht - wie gesagt - die Bilder werden inzwischen gefunden und angezeigt nur die Hintergrundbilder aus der CSS werden nicht online angezeigt

Danke!!

rufe ich die Seite im Browser auf ist die Seite weiss, wobei sie oben lings einen Hintergrund anzeigen müsste (750x200)

ubuntu · Jun 5th 2010

liegt die
kopf_bg_10x115.PNG

im Ordner wo die index.html ist oder in einem unterordner?

gruss ubuntu

Robert · Jun 5th 2010

Und stimmt die Groß-/Kleinschreibung? Ob / oder \ ist unter Windows ebenso egal wie Groß-/Kleinschreibung, aber beim Webspace nicht.

BaXTa · Jun 5th 2010

Die Bild-Datei befindet sich sowohl auf der Ebene der index.html als auch im Unterverzeichnis, damit mir beim Testen genau dieser Fehler nicht unterläuft

jab, das Groß-Kleinschreibung-Problem hatte ich schon mal, daher schreibe ich nun prinzipel alles Klein und ohne Leerzeichen

Robert · Jun 5th 2010

Quote from BaXTa;20620

jab, das Groß-Kleinschreibung-Problem hatte ich schon mal, daher schreibe ich nun prinzipel alles Klein und ohne Leerzeichen

Hier aber nicht:

Code

background-image: url(kopf_bg_10x115.PNG);

BaXTa · Jun 5th 2010

Aaarrggghhh,

das habe ich irgendwie gar nicht mitbekommen, ud ich frage mich auch gerade wieso das da Groß geschrieben war. Aber ich denke daran hat es wohl gelegen, zumindest wird jetzt endlich auch der Hintergrund angezeigt. Oh man, und ich such da stundenlang rum :mad:

Besten dank an dieser Stelle, ich hoffe damit hat es sich nun erledigt!