Usemap bei Headergrafik

  • Hallo,

    ich versuche gerade mein Theme so anzupassen, dass die Headergrafik eine HotspotMap benutzen kann. Komme jedoch nicht weiter.

    In der style.css steht folgendes für die Headergrafik:

    Das Headerimage in der header.php wird ja so aufgerufen oder?

    Code
    <div id="header">
          <div id="headerimg">

    Wo gebe ich jetzt da die Daten für die HotSpotMap ein???

    ich brauche ja usemap="#Map"
    und

    Code
    <map name="Map" id="Map">
    <area shape="rect" coords="50,18,167,66" href="#" />
    <area shape="rect" coords="310,17,451,67" href="#" />
    <area shape="rect" coords="599,12,725,67" href="#" /></map>
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Also das habe ich auch schon rausgefunden.
    Ich hab es jetzt z.B. mal in der footer.php probiert aber er zeigt die grafik partout nicht an.
    Das steht zur Zeit in der Footer.php

    PHP
    <hr />
    <div id="footer">
        </div> <!-- #page -->
    
    
    <?php wp_footer(); ?>
    
    
    </body>
    </html>

    id="footer" zieht sich ja den Inhalt (Grafik) aus der style.css
    aber wie füge ich da jetzt mit normalem html ein img ein?

    So wie in dem anderen Thread beschrieben funzt es nicht. da zeigt er gar kein bild an.

    Code
    <div id="footer">
      <img src="images/losemymindfooter.jpg" alt="blog title" usemap="#footer" />
    </div>

    Einmal editiert, zuletzt von mille81 (21. März 2008 um 18:01)

  • Aha Fehler gefunden...
    Der ganze Pfad muss rein dann zeigt er es an!

    Code
    <div id="footer">
      <img src="http://localhost/wp-content/themes/pbsc_wolfsburg/images/losemymindfooter.jpg" alt="blog title" usemap="#footer">
    </div>
  • aber wie füge ich da jetzt mit normalem html ein img ein?

    So wie in dem anderen Thread beschrieben funzt es nicht. da zeigt er gar kein bild an.

    Code
    <div id="footer">
      <img src="images/losemymindfooter.jpg" alt="blog title" usemap="#footer" />
    </div>


    Da ist sicher der Pfad zum Bild falsch. Der Vorteil von CSS ist ja, dass die Bilder relativ zur style.css verlinkt werden. Im HTML-Code ist das nicht so, da musst du dann den Template-Pfad mit unterbringen. Versuch mal folgendes:

    PHP
    <div id="footer">
      <img src="[COLOR="Red"]<?php bloginfo('template_directory'); ?>[/COLOR]/images/losemymindfooter.jpg" alt="blog title" usemap="#footer" />
    </div>

Jetzt mitmachen!

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