Bild einstellen klappt nicht

  • Hallo!


    Ich werd hier noch verrückt!


    Ich hab den Index für meine Website erstellt und hat auch alles wunderbar geklappt.
    Ich hab auch schon Bilder eingesetzt.
    Jetzt wollt ich noch ein letztes, aber wichtiges Bild einsetzen.
    Habs auch schon in verschiedenen Browsern, mit verschiedenen Namen und verschiedenen Dateiformaten versucht. Klapp alles nicht.
    Immer zeigt das nur das kleine rote x.


    Quellcode:


    im head:


    kareuz
    {
    float:right;
    width:150px;
    height:200px;
    padding-right:30;
    }


    und dann im body:


    <img id="kareuz"src="kareuz.jpg"/>



    Bitte kann mir einer sagen, was ich falsch mach!


    Danke schon im vorraus!


    PS.: hab auch schon einerseits mit #kareuz probiert
    und andererseits hab ich den Pfad sowie den Namen der Datei überprüft.

  • Wie sieht den die ordner sturktur aus bei dir ?
    Kann nur ne falsche pfadangabe sein.


    So wie du es schreibst muss das bild in dem selben ordner wie die datei liegen, ist das korrekt ?


    Für den CSS teil mit ID musst du vor den namen das # machen.


    Allerdings muss der CSS teil auch zwischen <style> </style>



    Greetz TimTim

  • Also, danke erstmal für die schnelle Antwort!


    Das Bild liegt im selben Ordner wie die Datei.
    Ich hab einfach zu wenig Quellcode angezeigt:
    der CSS Teil liegt also zwischen <style></style>. Meine Schuld, sorry.


    Das löst aber leider mein Problem noch nicht.


    Kann das manchmal sein, das eine HTML-Datei zu groß wird, wenn zu viele Bilder sind?


    Oder kann das sein, das einfach irgendetwas mit dem Bild nicht stimmt?
    Ich hatte nämlich nochmal so einen Fall, und da habe ich einfach ein anderes aber identisches Bild genutzt, und es ging.


  • Als erstes, es muss jedenfalls entweder #kareuz oder .kareuz heißen.
    Bei # verwendest du dann im <img />-Tag id="kareuz" und bei . verwendest du class="kareuz".
    würdest du einfach nur kareuz schreiben, so würde dies auf einen <kareuz>-Tag angewendet, der nicht existiert :P


    Also.. das Bild liegt im selben Ordner, jopp?
    Hast du die Schreibweise genau überprüft? Du musst auf GRoß- und kLEiNSCHreibUNG achten.
    Außerdem muss es die richtige Dateiendung sein, also schau im Notfall noch mal nach [:

  • Zitat
    Code
    <img id="kareuz"src="kareuz.jpg"/>


    Probier es mal mit nem Leerzeichen:


    Code
    <img id="kareuz" src="kareuz.jpg"/>


    Ein kleiner, aber feiner Unterschied, sonst wird das Attribut nicht erkannt ;)


    Btw: Die Höhen und die Breitenangabe besser in den img-Tag, für die Browser, die kein CSS interpretieren (ja, die gibt es noch...). Sonst wird kein Platz für das Bild vorgerechtnet, falls die Bilder nachgeladen werden.


    LG

  • Zitat von &quot;lauras&quot;


    (ja, die gibt es noch...).


    OOT:
    Meinst diese user stören sich dann an nem fehlenden platzhalter, in einer seite, auf der alles über Divs formatiert wird, und float nutzt ?
    Schonmal angefangen manche website ohne CSS anzuschauen =D


    Greetz TimTim

  • Ich hatte mal das Problem, als ich ein kleine Bildergalerie bastelte, eines der 7 Bilder sich nicht anzeigen lassen wollte.
    Nach langem suchen sah ich das es als einziges Großbuchstaben als Dateiendung hatte.
    Hatte alle aus meinem "iPhoto" und der Endung deswegen keine Beachtung geschenkt^^
    Ich vermute das es mit einer anderen Kamera aufgenommen wurde.


    lg

  • Sorry, das ich lang nich mehr da war, hatte keine Zeit.




    Also nochma danke für die Antworten.




    Ich hab das Problem jetzt gelöst, indem ich ein anderes Bild mit selbem Inhalt genutzt habe.


    Das lag wahrscheinlich einfach an dem Bild. Ich hatte das auch bearbeitet, aber ein anderes auch, und das ging dann noch.


    PS.: Der Pfad war richtig (also Name, Ordner, Groß und Kleinschreibung und auch Dateiendung) und alles anderen Tipps hab ich auch Probiert, nichts ging. Das kommt wohl zu den Fällen xy ungelöst :D




    Na dann, schönen Tag noch!




    -closed-

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!