1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Gif Layer

Dieses Thema im Forum "Design" wurde erstellt von pinot, 16. November 2010.

Schlagworte:
  1. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    Hallo! Ich habe ein kleines Problem dass sich denke ich schnell lösen lässt, doch leider bin ich zu viel Winzer als dass ich perfekt coden könnte.
    Links neben dem Header habe ich einen Layer erstellt in dem ein Gif Bild angezeigt wird. Es soll auf einen Artikel verweisen, der über meine Arbeit geschrieben worden ist. Später dann auch etwas anderes. nur möchte ich einfach das Bild mit einem Link versehen und habe folgenden Code in die header.php geschrieben:

    <div id="gif"><img src="/images/header_layer_link.gif" /> <a href="http://www.captaincork.com/Weinleute/Winzer-des-Monats-November-Gottfried-Lamprecht-Herrenhof-Steiermark"></a>
    </div>
    </div>

    Das Bild wird angezeigt, nur leider halt keine Verlinkung?
    Wie funkt das? mit "onclick" ?
    Bitte um Hilfe, danke!
    Gottfried
     
  2. funkygog

    funkygog Well-Known Member

    Registriert seit:
    2. November 2006
    Beiträge:
    670
    Zustimmungen:
    5
    Hallo gottfried,

    da Du das Bild verlinken möchtest, muss das Bild im Link stehen.

    <a href...>Text oder Bild</a>

    <a href="http://www.captaincork.com/Weinleute/Winzer-des-Monats-November-Gottfried-Lamprecht-Herrenhof-Steiermark"><img src="/images/header_layer_link.gif" /></a>
     
  3. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    der code lautet nun folgend:

    <div id="gif"><a href="http://www.captaincork.com/Weinleute/Winzer-des-Monats-November-Gottfried-Lamprecht-Herrenhof-Steiermark"><img src="/images/header_layer_link.gif" /></a>
    </div>
    </div>

    und geht leider trotzdem nicht!
     
  4. MStemberg

    MStemberg Well-Known Member

    Registriert seit:
    25. Oktober 2010
    Beiträge:
    620
    Zustimmungen:
    0
    Stimmt der relative Pfad?
    Wo liegt das Bild absolut, wo kann man die Seite anschauen?
     
  5. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    die seite ist hier
    und das bild links oben, wo man draufdrückt lieder noch nichts passiert!
     
  6. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    Das Ganze sieht etwas chaotisch aus:
    Die Anzahl der schließenden divs scheint nicht zu stimmen. Setze mal den Link vor Dein
     
  7. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    das ist ja komplizierter als ich dachte
    leider noch ohne erfolg

    </head>
    <body>

    <a href="http://www.captaincork.com/Weinleute/Winzer-des-Monats-November-Gottfried-Lamprecht-Herrenhof-Steiermark">
    <div id="gif"><img src="/images/header_layer_link.gif" /></a>
    </div>

    <div class="Header">
    <div class="Header-jpeg">


    <div id="page">


    <div id="header" role="banner">

    <div id="header" onclick="location.href='http://blog.herrenhof.net/';" style="cursor: pointer;">

    </div>
     
  8. funkygog

    funkygog Well-Known Member

    Registriert seit:
    2. November 2006
    Beiträge:
    670
    Zustimmungen:
    5
    Das ist prinzipiell richtig, aber...

    Der obige code bedeutet:
    Du hast einen div-Container in dem ein ein Link mit einem Bild dargestellt wird.

    In deiner style.css habe ich gesehen, dass Du dem div-Container zusätzlich das selbe Bild als Hintergrund zugeordnet hast. Ergo: doppelt gemoppelt.
    In der style.css würde ich den Background rausnehmen. Mit den restlichen Angaben positionierst Du den div-Container.

    Habe das mal zu Testzwecken bei mir eingebaut - es funktioniert:

    Du musst das Bild nicht im Header einfügen, kannst es auch im Footer machen, egal das Bild wird durch die id=gif Angaben in der Style.css positioniert. Ich habe es bei mir einfach im Beitrag eingegeben.
     
    #8 funkygog, 16. November 2010
    Zuletzt bearbeitet: 17. November 2010
  9. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    danke für die Hilfe, bei Ihnen funktioniert es wirklich
    könnten Sie wenn möglich den code posten
    dann tue ich mich leichter!?

    für den header und
    style.css

    danke!
     
  10. funkygog

    funkygog Well-Known Member

    Registriert seit:
    2. November 2006
    Beiträge:
    670
    Zustimmungen:
    5
    folgendes habe ich verwendet:

    in dem Beitrag
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    in der style.css:
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  11. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    danke, alles genau so gemacht
    code diesmal in footer
    und in style.css geändert

    ergebnis: firefox - keine änderung - aber auch keine verlinkung
    safari: bild wird nicht mehr angezeigt, keine verlinkung

    ich bin mit dem wp latein am ende....
     
  12. funkygog

    funkygog Well-Known Member

    Registriert seit:
    2. November 2006
    Beiträge:
    670
    Zustimmungen:
    5
  13. pinot

    pinot Well-Known Member

    Registriert seit:
    16. November 2010
    Beiträge:
    51
    Zustimmungen:
    0
    so unglaublich es klingt, es funktioniert - dankeschön!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden