miserables html /html Vorlage

  • Hey Leute

    Ich bin leider ziemlich schlecht was html angeht bin aber leider für ein kleines Projekt zuständig gemacht worden
    für das ich einen html Code brauche :/
    Ich versuche ein selbstgemachtes Bild / 1600x1200
    auf meine Domain bzw. meine Webseite hochzuladen was zumindest bei meinen Versuchen kläglich gescheiter ist :(
    Ich war so gut darin, dass von meinen 20/30 Versuchen ich es einmal geschafft habe das es angezeigt wurde :)
    Doch leider war das Bild völlig verzogen :(

    Könnte mir jemand einen html Code machen bzw. geben der dieses Bild komplett anzeigt?!
    Ich wäre euch sehr dankbar und auch sehr glücklich dafür da ich das glaube ich nie hinbekommen werde :/

    Viele Grüße
    Mann2

  • HTML
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Titel der Seite</title>
    </head>
      <body>
       <img src="./name_der_datei.jpg" alt="">
     </body>
    </html>
  • Hey danke für die schnelle Antwort.
    Leider wird bei mir das Bild nicht angezeigt!
    Muss ich das Bild an einem bestimmten Ort speichern?
    Ich hab das Bild der einfachheitshalber 12345.jpg genannt
    Ich will den Code bei United-domains.de direkt bei Web-Visitenkarten einfügen!

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Titel der Seite</title>
    </head>
    <body>
    <img src="./12345.jpg" alt="">
    </body>
    </html>

  • Ist das Bild denn auch JPG?
    Wenn das Bild im selben Verzeichnis wie deine HTML-Datei liegt, lass mal das "./" vorm Bildnamen weg.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  • Ist das Bild denn auch JPG?
    Wenn das Bild im selben Verzeichnis wie deine HTML-Datei liegt, lass mal das "./" vorm Bildnamen weg.


    ich glaub da verwechselst du eine eine kleinigkeit

    ./ - entspricht dem aktuellen Verzeichnis
    ../ - wäre das Übergeordnete Verzeichnis

    das ./ kann man natürlich weglassen, muss aber nicht zwingend

    mann2 wie schon gesagt das Bild im gleichen Ordner wie auch die Datei liegt.
    falls es in einem Unterordner liegt kannst du natürlich auch den Pfad angeben
    also dann <img src="./ORDNERNAME/12345.jpg" alt="">

    Und auch der andere Hinweiß von Gastl ist wichtig, denn es sollte schon ein richtiges .jpg sein.
    Gerade bei Windows Rechnern werden je nach Einstellungen die Dateiendungen nicht mit angezeigt.
    da könnte es also sein das du vielleicht eine GIF oder andere Datei hast, dann heißt das jetzt vielleicht
    1234.jpg.gif

    Am besten nach dem hochladen auf dem Server mal dort nach den Namen schauen
    Ach sooo, zum hochladen brauchst du natürlich ein entsprechendes FTP Programm mit dem Du Dich auf dem Server einloggen musst,
    oder schau mal in die Konfiguration der Webseite, viele Anbieter haben sowas wie OnlineFTP, wo du Daten über eine Webseite hochladen kannst

  • Zitat von Rene Meister

    ich glaub da verwechselst du eine eine kleinigkeit


    Nö. Ich weiß was ich schreibe.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  • Also erstmal danke für die ganzen Antworten!
    So ich hab jetzt mal in den Html Editor den html Code eingefügt und das bild wird mir zwar angezeigt leider / also auf dem pc/
    füllt es nicht alles aus! Kann man da was machen?
    So also United-domains.de ist irgendwie komisch, ich hab die Möglichkeit Webseiten-Weiterleitung & Vorlagen zu machen muss dann aber den html code direkt eingeben und dann findet er natürlich kein bild!
    muss ich dann das bild online hochladen?
    Ich muss dazu anmerken dass ich nur eine Domain habe, brauch ich noch einen Server? Mir würde es zwar reichen wenn er meinen Html code erkennen würde aber wenn das nicht gehen sollte wo bekomme ich einen Server der nichts kostet bzw. hab ja auch keine großen Daten mengen!

  • Natürlich muss das Bild auch im Internet sein, also es sollte schon irgendwo hochgeladen werden.
    Wenn du dort dann html Code eingeben kannst, kannst du den Code so anpassen
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Titel der Seite</title>
    </head>
    <body>
    <img src="http://www.DOMAIN.de/12345.jpg" alt="">
     </body>
    </html>Anstelle von Domain.de muss dort dann natürlich die richtige Adresse rein.

    Einen Server brauchst du übrigens nicht, es reicht normaler Webspace.
    Kostenloser Webspace gibt es haufenweise, da müsstest du einfach mal selber google bemühen.

    Mit dem Bild das nicht alles ausfüllt, da solltest du folgendes Bedenken.
    Dein Monitor hat eine Auflösung von XX x XX Pixel, der nächste betrachtet die Seite vielleicht mit den Handy der nächste wieder mit einem Tablet usw.
    also jeder Monitor in anderer "Größe".

    Allerdings kann man ein Bild sozusagen auch auf volle Bildschirmgröße bringen, dann würde die Zeile mit dem Bild so aussehen

    HTML
    <img src="http://www.DOMAIN.de/12345.jpg" style="position: fixed; z-index: 0; top: 0; left: 0;" width="100%" height="100%" />
  • Zitat von mann2


    muss ich dann das bild online hochladen?


    Selbstverständlich musst du das Bild auch in deinen Webspace hochladen. Wie soll es denn sonst angezeigt werden können?

    Und das mit dem z-index lass mal lieber.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  • Wao super danke hat endlich geklappt!
    Warum sollte ich das mit dem Z-index lassen?
    Es war wirklich eine große Hilfe, alleine hätte ich das glaube ich nie hinbekommen :)
    Ich hab es mit diesem code gemacht!
    /<img src="http://www.DOMAIN.de/12345.jpg" style="position: fixed; z-index: 0; top: 0; left: 0;" width="100%" height="100%" />


    - - - Aktualisiert - - -

    Hey jetzt weiß ich was du meinst!
    wenn ich jetzt das Bild aufrufe wird es immer verzerrt!
    Aber wenn ich es in Originalgröße neheme und dafür den background färbe dürfte es doch gehen oder?
    So der Schlussendliche Code den ich jetzt benutze ist:
    Der funktioniert Perfekt!
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Tittel der Seite</title>
    </head>
    <body style="background:#010141">
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="auto">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="middle"><div align="center"><img src="http://Hochgeladenes Bild" width="1600" height="1200"></div></td>
    </tr>
    </table>
    </body>
    </html>

    2 Mal editiert, zuletzt von mann2 (3. September 2014 um 12:41)