Klaus: Klickbares Bild im Header einfügen

Guten Tag!

Ich brauche dringend Hilfe dabei ein Bild in meinem Fall eine Iso-Zertifikation[Bild] in meinen Header einzufügen, wodurch durch Klick auf eine PDF-Datei weitergeleitet wird.

Ich habe schon eine Weile damit verbracht im Internet hilfreiche Informationen dazu zu finden, allerdings ohne Erfolg.

Mit freundlichen Grüßen,
Klaus

  1. Guten Tag!

    Ich brauche dringend Hilfe dabei ein Bild in meinem Fall eine Iso-Zertifikation[Bild] in meinen Header einzufügen, wodurch durch Klick auf eine PDF-Datei weitergeleitet wird.

    <a href="[Pfad zu deiner PDF Datei]">  
      <img src="[Pfad zu deiner Grafik]" alt="Iso-Zertifikation als PDF Datei">  
    </a>  
    
    

    Gruß Gunther

    PS: *Dringend* braucht hier jeder - dadurch antwortet aber keiner schneller ...! ;-)

    1. <a href="[Pfad zu deiner PDF Datei]">
         <img src="[Pfad zu deiner Grafik]" alt="Iso-Zertifikation als PDF Datei">
      </a>
      

      Gruß Gunther

      PS: *Dringend* braucht hier jeder - dadurch antwortet aber keiner schneller ...! ;-)

      Vielen Dank für die Antwort.

      Funktionsweise ist genau die die ich gesucht habe, nur fehlt mir noch die genaue Positionierung des Bildes.

      Mit freundlichen Grüßen,
      Klaus

      1. Hallo!

        ... nur fehlt mir noch die genaue ...

        ... Beschreibung deines Vorhabens. ;-)

        Und es wäre evt. hilfreich, wenn du mal deinen bis jetzt vorhandenen Quellcode dazu posten würdest.

        Gruß Gunther

        1. Hallo!

          ... nur fehlt mir noch die genaue ... ... Beschreibung deines Vorhabens. ;-)

          Und es wäre evt. hilfreich, wenn du mal deinen bis jetzt vorhandenen Quellcode dazu posten würdest.

          Gruß Gunther

          Hallo!

          <a href="http://example.com/example.pdf" target="_blank">
           <img src="iso-zertifikation.png" position="absolute" left="100px" top="100px" alt="Iso-Zertifikation">
          </a>
          

          So sieht der momentan aus, allerdings funktioniert es mit left, top nicht und ich denke der Code ist falsch Positioniert direkt nach dem <head> oder ?

          Mit freundlichen Grüßen, Klaus

          1. Hallo,

            ich denke der Code ist falsch Positioniert direkt nach dem <head> oder ?

            das klingt so, als ob dir die Grundlagen fehlen. Es gibt da eine Seite im Web,  wo man die herbekommt.
            Nach dem Head-Tag kommen jedenfalls keine Inhalte.

            Gruß
            Kalk

            1. Hallo,

              ich denke der Code ist falsch Positioniert direkt nach dem <head> oder ?

              das klingt so, als ob dir die Grundlagen fehlen. Es gibt da eine Seite im Web, wo man die herbekommt. Nach dem Head-Tag kommen jedenfalls keine Inhalte.

              Gruß Kalk

              Hallo,

              mit der Annahme, dass mir manche Grundlagen fehlen hast du Recht, da ich mir das meiste selbst beigebracht habe mit ausprobieren und Hilfen.

              Würde der Code so wie ich ihn oben eingefügt habe stimmen ? Fehlt dann sozusagen nur mehr der richtige Ort? Bitte um Hilfe muss noch sehr viel machen auf der Page.

              Mit freundlichen Grüßen,
              Klaus

              1. Hallo,

                Würde der Code so wie ich ihn oben eingefügt habe stimmen ?

                nein, du verwendest css-Eigenschaften als Attribute des img-Elementes.

                Gruß
                Kalk

                1. Hallo,

                  Würde der Code so wie ich ihn oben eingefügt habe stimmen ?

                  nein, du verwendest css-Eigenschaften als Attribute des img-Elementes.

                  Gruß Kalk

                  Hallo!

                  Danke für den Hinweiß.

                  Nun sieht es wie folgt aus:

                  <div id="klickgrafik">
                   <a href="http://example.com/example.pdf" type="application/pdf" target="_blank">
                     <img src="iso-zertifikation.png" alt="Iso-Zertifikation"  >
                  </a>
                  </div>
                  
                   #klickgrafik{
                    	position:absolute;
                      left:100px;
                      top:100px;
                      }
                  

                  Nun hab ich das Problem, dass die Grafik sich unter den Header schiebt.

                  Mit freundlichen Grüßen,
                  Klaus

                  1. Danke noch mal Ihnen beiden, nun ist es mir gelungen!

                    Mit freundlichen Grüßen,
                    Klaus

                    1. Danke noch mal Ihnen beiden, nun ist es mir gelungen!

                      Das Archiv würde gerne wissen, wie?

              2. Hallo!

                mit der Annahme, dass mir manche Grundlagen fehlen hast du Recht, ...
                ... muss noch sehr viel machen auf der Page.

                Das ist natürlich ein Problem.
                Denn wenn dir die bspw. die "Grundlagen" der Positionierung fehlen, wirst du schon bei der Planung & Konzeptionierung nicht wirklich entscheiden können, was, wann, wie, wo am angebrachtesten ist.

                Würde der Code so wie ich ihn oben eingefügt habe stimmen ? Fehlt dann sozusagen nur mehr der richtige Ort? Bitte um Hilfe muss noch sehr viel machen auf der Page.

                Kalk hat dich ja schon auf einen Fehler hingewiesen.
                Ob das "der richtige Ort" ist, lässt sich ohne eine genauere Beschreibung dessen, was gegeben ist und was du erreichen möchtest, so nicht beantworten.

                Gruß Gunther

                1. > Kalk hat dich ja schon auf einen Fehler hingewiesen.

                  Ob das "der richtige Ort" ist, lässt sich ohne eine genauere Beschreibung dessen, was gegeben ist und was du erreichen möchtest, so nicht beantworten.

                  Gruß Gunther

                  Hallo!

                  Das Bild(Iso-Zertifikation) würde ich gerne im Header-Bild rechts nahe am Rand(Breite), zentriert(Höhe) einfügen.

                  Mit freundlichen Grüßen,
                  Klaus