Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Bild wird nicht angezeigt

  1. #1
    HTML Newbie
    Registriert seit
    13.06.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bild wird nicht angezeigt

    Hallo liebe Forenmitglieder,

    ich bin in Sachen HTML Programmierung leider nicht sonderlich geübt oder erfahren (obwohl es vor Jahren mal Bestand meiner Ausbildung war, ich bin also nicht vollkommen unbelastet ), soll aber nun für meine Firma eine Übergangs-Website erstellen.
    Auf dieser Website soll sich lediglich ein Bild befinden.
    Diesen Quelltext habe ich bisher "verfasst":
    HTML-Code:
    <head>
    <title>www.blabla-GmbH.de</title>
    <style type="text/css">
      <!--
    * { margin: 0;
        padding: 0;}
    /* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
    body, html{ width: 100%;
                height: 100%;
                overflow: hidden;}
    
    </style>
    </head>
    <body>
    <img id="bgImg" src="index-Dateien/ger.jpg" width="100%" height="100%">
    <div id="bodyDiv">
    </div>
    </img>
    </body>
    </html>
    Ich will bezwecken, dass das Bild immer den ganzen Brower voll ausfüllt.
    Wenn ich meine index.htm jetzt öffne, funktioniert das auch wunderbar.
    Lade ich die Seite dann allerdings auf den FTP-Server hoch und will die Seite via Internet besuchen, wird mir statt des Bildes lediglich ein kleines rotes Kreuz angezeigt.

    Weiß vielleicht jemand wo der Fehler liegt?
    Es kann ja nur bei dieser Zeile etwas falsch sein, oder?
    HTML-Code:
    <img id="bgImg" src="index-Dateien/ger.jpg" width="100%" height="100%">
    Schöne Grüße, hoola.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    574
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: Bild wird nicht angezeigt

    Hallo,

    da gibt es in der Regel zwei "übliche" Fehlerquellen:

    1. Die Groß- und Kleinschreibung von Pfad und Bild stimmen nicht überein. Unter Windows spielt die Groß-/Kleinschreibung keine Rolle, auf den Servern in der Regel schon, da sie meist unter Linux laufen.

    Beispiel: "index-Dateien/ger.jpg" und "index-dateien/ger.jpg" verweisen unter Linux und damit auf den meisten Webservern auf zwei unterschiedliche Pfade.

    2. Das Bild wurde nicht auf den Server geladen

    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    13.06.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    Hi,

    danke für diese schnelle Antwort!
    Aber daran kann es nicht liegen, habe Groß- und Kleinschreibung kontrolliert und alles stimmt.
    Das Bild ist ja in dem "index-Dateien" Ordner, den und die Index-Datei lade ich ja gemeinsam auf den FTP-Server .. also am Bild kann es auch nicht liegen.

    Mich wundert, dass wenn ich die index.htm direkt öffne, ich dann das Bild sehen kann. Wenn ich die gleichen Dateien aber auf den FTP lade, kein Bild mehr gefunden wird.
    Liegt das vielleicht an einigen Einstellungen von FileZilla? (Denn dieses Programm nutze ich, um die HTML hochzuladen)

    MFG

    EDIT: Ist es von nachteil, dass ich den CSS Teil in die index.htm mit reingeschrieben habe?
    Braucht man zwingend eine eigene CSS Datei die dann mit der index.htm verknüpft wird?

    EDIT: Problem gelöst ... die Datei hieß ger.JPG.
    Mit dem großgeschriebenen JPG konnte er nix anfangen .. mit dem kleinen jpg aber schon .. VERRÜCKT!
    Geändert von hoola (13.06.2012 um 16:37 Uhr)

  4. #4
    Gastl
    Gast

    Standard AW: Bild wird nicht angezeigt

    Zitat Zitat von hoola
    EDIT: Ist es von nachteil, dass ich den CSS Teil in die index.htm mit reingeschrieben habe?
    Braucht man zwingend eine eigene CSS Datei die dann mit der index.htm verknüpft wird?
    Nein, braucht man nicht. In deinem kleinen Fall ist es völlig legitim.

    Zitat Zitat von hoola
    EDIT: Problem gelöst ... die Datei hieß ger.JPG.
    Mit dem großgeschriebenen JPG konnte er nix anfangen .. mit dem kleinen jpg aber schon .. VERRÜCKT!
    Nein, normal. Das mit der Groß-/Kleinschreibung bei Unix wurde dir schon gesagt. Am Besten ist es, man gewöhnt sich eine generelle Schreibweise an. Ich schreibe alle Dateinamen und deren Erweiterungen durchweg klein.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    13.06.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    Hallo Leute, ich bin es nochmal.
    Nun habe ich noch ein Problem .. mein Quelltext sieht mitlerweile so aus.
    HTML-Code:
    <head>
    <title>www.HUHUHUHU.de</title>
    <style type="text/css">
      <!--
    * { margin: 0;
        padding: 0;}
    
    /* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
    body, html{ width: 100%;
                height: 100%;
                overflow: hidden;}
    
    /* BG-Image auf unterste Ebene anordnen */
    /*#bgImg{ position: absolute;
            top: 0;
            left: 0;
            border: 0;
            z-index: 1;}*/
    
    </style>
    </head>
    <body>
    <img id="bgImg" src="index-Dateien/ger3.jpg" width="100%" height="100%">
    <div id="bodyDiv">
      <div id="mainDiv">
    
      </div>
    </div>
    </body>
    </html>
    Mit diesem Quelltext wird leider das Verhältnis der Seiten des Bildes (ger.jpg) nicht beibehalten, sondern immer dem Browser-Fenster angepasst.
    Sieht bei einem Wide-Screen echt blöd aus!
    Ich würde gerne, dass, wie schon gesagt, das Seitenverhältnis des Bildes gleich bleibt wenn man das Fenster des Browsers verkleinert/vergrößert.
    Links und recht des bildes würden sich dann ja zwangsläufig 2 Balken bilden. Die würde ich dann einfach einfarbig machen.

    Habt ihr paar Tipps wie ich das umsetzen könnte?

    MfG, hoola.

  6. #6
    Teeny
    Registriert seit
    03.07.2012
    Ort
    Wuppertal
    Alter
    29
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    Code:
    <head>
        <meta charset="utf-8">
        <title>www.HUHUHUHU.de</title>
        <style>
        * { 
            margin: 0;
          padding: 0;
         }
    
    
        /* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
        body, 
        html{ 
          height: 100%;
          overflow: hidden;
            width: 100%;
         }
    
    
        /* BG-Image auf unterste Ebene anordnen */
        #bgImg { 
            position: absolute;
          top: 0;
          left: 0;
          border: 0;
          z-index: 1;
          width:100%;
          height:auto;
        }
        </style>
    </head>
    <body>
    <img id="bgImg" src="index-Dateien/ger3.jpg" alt="">
    <div id="bodyDiv">
      <div id="mainDiv">
      </div>
    </div>
    </body>
    Geändert von Pascal Kremp (05.07.2012 um 17:02 Uhr)

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    13.06.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    Super, danke Pascal!

    Ich habe deine beiden Zeilen jetzt aber mal umgedreht:

    HTML-Code:
    width:auto; 
    height:100%;
    aber is ja am ende das gleiche.
    Nun entsteht aber immer nur am rechten rand ein weißer streifen, wenn ich das fenster verkleinere.
    Wie kriege ich denn jetzt das Bild zentriert, damit sich links und recht ein gleich großer streifen bildet?

    Kann ich dem Streifen auch noch eine Farbe zuordnen?

    MfG, hoola.

    EDIT: das mit der Hintergrundfarbe hat sich erledigt, das hab ich. Aber das Bild zentrieren ?_?
    Geändert von hoola (06.07.2012 um 11:02 Uhr)

  8. #8
    Teeny
    Registriert seit
    03.07.2012
    Ort
    Wuppertal
    Alter
    29
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    Img mit einem div-Tag wrappen und text-align:center; nutzen.

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    13.06.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    Zitat Zitat von Pascal Kremp Beitrag anzeigen
    Img mit einem div-Tag wrappen und text-align:center; nutzen.
    Ähm, ich versteh leider nur Bahnhof.
    Wie "wrap" ich denn ein div-Tag?

  10. #10
    Teeny
    Registriert seit
    03.07.2012
    Ort
    Wuppertal
    Alter
    29
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild wird nicht angezeigt

    to wrap: umschließen. Schonmal nen Wrap gegessen?

    HTML-Code:
    <div style="text-align:center">
        <img src="" class="deinBild">
    </div>

Ähnliche Themen

  1. Bild wird nicht angezeigt
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 30.11.2008, 22:06
  2. Bild wird nicht angezeigt
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 12.10.2008, 10:13
  3. Bild wird nicht angezeigt
    Von JonnyBravo81 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 12.03.2008, 15:56
  4. Bild wird nicht angezeigt
    Von 4maik im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 02.04.2007, 13:48
  5. Bild wird per JS geladen aber manchmal im IE nicht angezeigt
    Von mikune im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 30.11.2005, 11:48

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •