HTML Seite mit Banner

9Antworten
  1. #1
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard HTML Seite mit Banner

    Hallo
    hab ein Formular mit Banner zum Ausfüllen erstellt.
    Funktioniert auch Alles soweit super.
    Wenn ich es einem Freund schicke, dann wird das Banner immer als leeres Kästchen angezeigt. ich nehme mal an, dass das daran liegt, dass das Formular nicht auf einem Server liegt und das Bild ja lokal auf meinem Rechner ist.
    Er hat keine Domain.

    Gibt es eine Möglichkeit dieses Problem zu umgehen? Damit meine ich, dass ich ihm die Seite trotzdem schicken kann und das Formular wird komplett inkl. Banner angezeigt??

    Danke und Gruss
    Carmen

  2. #2
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

    Ja klar, das ist einfach.
    Du hast bestimmt sowas:
    HTML-Code:
    <img src="banner.png" alt="Banner">
    Und das Bild was du hast, das liegt bestimmt in dem Verzeichnis deiner HTML-Datei, oder?
    Schick ihm einfach das gesamte Verzeichnis. Dann findet sein Code auch das von dir angegebene Bild

  3. #3
    Avatar von Spyx
    Spyx ist offline

    Title
    Moderator
    seit
    21.08.2006
    Beiträge
    9.155

    Standard

    Die Technik dazu nennt sich Inline-Grafiken. Hier mal ein Tutorial dafür:
    Inline-Grafiken in HTML

  4. #4
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    super danke Euch...
    so sieht es bei mir aus:

    HTML-Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Anamnesebogen</title>
    <style type="text/css">
    body,td,th {
    font-family: "Century Gothic";
    font-size: large;
    color: #2A0000;
    }
    h1 {
    font-size: xx-large;
    color: #8BC6C9;
    }
    h2 {
    font-size: x-large;
    color: #2A0000;
    }
    </style>
    </head>
    <body>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <style type="text/css"> input, input:focus {border: none; outline: none;} </style>
    </head>
    <body>
    <form action="">
    <p>Name: <input name="name" type="text" />
    </p>
    </form>
    </body>
    </html>
    <img src="AestheticPartner_logo.jpg" width="1072" height="255"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <body>
    </body>
    </html>
    Was heisst ich soll ihm das Verzeichnis schicken?
    Meinst den Quellcode? Er hat aber kein HTML Programm

  5. #5
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    hab das Tutorial gelesen werde da aber nicht ganz schlau draus...bin blutiger Anfänger...

    HTML-Code:
    <img src="data:image/gif;base64,
    R0lGODlhmwDFAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0N
    DQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8f
    HyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDEx
    MTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkND
    bei Image Source trag ich den Namen meines Bildes ein oder?
    Was soll diese Zeichenfolge??
    Ausserdem steht drinnen, dass es bei IE 4 und IE 5 nicht funktioniert.

  6. #6
    Avatar von Spyx
    Spyx ist offline

    Title
    Moderator
    seit
    21.08.2006
    Beiträge
    9.155

    Standard

    Zitat Zitat von Carmen D
    bei Image Source trag ich den Namen meines Bildes ein oder?
    Was soll diese Zeichenfolge??
    Normalerweise trägt man im src-Attribut den Pfad zum Bild ein. Man sagt dem Webbrowser damit, wo er nach dem Bild zu suchen hat.

    In diesem speziellen Fall nutzt man aber einen Trick - Data-URL. Dabei wird nicht der Pfad zum Bild angegeben, sondern man fügt das Bild direkt ein. Mit data:image/gif;base64, sagt man dem Browser, dass jetzt Daten kommen. Und zwar handelt es sich dabei um ein Bild mit dem Dateityp gif und die Daten sind mit Base64 kodiert. Diese Kodierung benötigt man, damit man das Bild direkt in den HTML-Quellcode einfügen kann. Die lange Zeichenfolge ist dann das Base64-kodierte Bild.

    Zitat Zitat von Carmen D
    Ausserdem steht drinnen, dass es bei IE 4 und IE 5 nicht funktioniert.
    Der IE 4 und IE 5 sind schon lange ausgestorben. Diese Webbrowser waren bei Windows NT und früher dabei. Also noch vor der Windows XP-Zeit. Die nutzt heute niemand mehr.

    Aber wenn du sicher gehen willst, dass das Formular auch auf solchen Rechnern läuft, dann solltest du PDF nutzen und nicht XHTML. Wobei dein Quelltext immer noch kein XHTML ist, sondern nur falsches HTML, was irgendwie gerendert wird.

  7. #7
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    danke...

    muss der Befehl dann so aussehen??

    HTML-Code:
    <img src="C:\Users\carmen\Desktop\JOCHEN\AestheticPartner_logo.gif;base64,DATEN" width="1072" height="255"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

  8. #8
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    er muss sicher in ein CSS eingebettet werden richtig?
    Krieg es nicht hin...erscheint ein leeres kleines Kästchen...

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <style type="text/css"><img src="C:\Users\carmen\Desktop\JOCHEN\AestheticPartner_logo.gif;base64,DATEN">
    </head>

  9. #9
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    was muss bei Daten stehen??

  10. #10
    Avatar von Spyx
    Spyx ist offline

    Title
    Moderator
    seit
    21.08.2006
    Beiträge
    9.155

    Standard

    Wikipedia hat ein Beispiel:
    Data-URL ? Wikipedia
    Ansonsten steht auch in dem oben erwähnten Tutorial, wie man die Daten erzeugt.

    Hier gibt es ein Online-Tool, was dies für dich tut:
    Base64 Image Encoder - Choose Image
    Dort lädst du das Bild hoch, klickst auf encode image und zuletzt kopierst du den Code aus dem Feld XHTML Image.

Ähnliche Themen

  1. brauche banner von dirk

    Von pipo im Forum Homepage-Webdesign
    Antworten: 1
    Letzter Beitrag: 11.08.2008, 00:14
  2. Banner erstellen?

    Von frank31 im Forum Homepage-Webdesign
    Antworten: 6
    Letzter Beitrag: 03.06.2008, 15:03
  3. Videos auf HTML Seite

    Von David im Forum Homepage-Webdesign
    Antworten: 11
    Letzter Beitrag: 18.11.2007, 08:23
  4. Eigener Banner

    Von Fighter im Forum Homepage-Webdesign
    Antworten: 2
    Letzter Beitrag: 27.03.2006, 22:39
Diese Seite benutzt Cookies Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies zu. Infos zum Datenschutz