Ankündigung

Einklappen
Keine Ankündigung bisher.

Bilder mit Unterseite verlinken - Anker auf Überschrift klappt nicht

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Bilder mit Unterseite verlinken - Anker auf Überschrift klappt nicht

    Hallo,

    mittlerweile ist die teilresponsive www.gitarrenunterricht-neuss.de überwiegend fertig und online. Bin zufrieden, bis auf...

    Rechts in der Sidebar (Desktop-Version) bzw. unterhalb des Text-Teils (Mobile) gibt es Fotos je von einer Konzert,- Western- und E-Gitarre. Sie sind verlinkt mit der Unterseite http://www.gitarrenunterricht-neuss....arrenarten.htm. Dort sind nähere Informationen über die Gitarrenarten. Ich möchte gern vom Foto des jeweiligen Gitarrentyps einen Ankerlink auf die entsprechende Gitarrenbeschreibung setzen, aber es funktioniert bislang nur pauschal das Aufrufen der Unterseite. Habe das Web rauf und runter gesucht. Nichts funktioniert.
    Das muss doch möglich sein ! Hat jemand eine Idee ?
    Btw: das leidige Buttonproblem ist gelöst...


    Vielen Dank im Voraus und viele Grüße
    Bernhard

  • #2
    Hi Bernhard, da kann ich dir sehr behilflich sein. Als erstes benötigst du ein Link
    HTML-Code:
    <a href="meineseite.html#Ankername">Linktext oder Grafik</a>
    Und du benötigst einen Anker wohin die Reise hingehen soll.
    HTML-Code:
    <a name="Ankername"></a>
    <h3>Titel des Artikels</h3>
    <p>Es war einmal...</p>
    ...
    Gruss Localfu
    PS: Wenn euch mein Post gefallen hat, dann lasst mir ein "Daumen hoch" da!

    Kommentar


    • #3
      Hi,
      Zitat von Localfu Beitrag anzeigen
      Und du benötigst einen Anker wohin die Reise hingehen soll.
      HTML-Code:
      <a name="Ankername"></a>
      <h3>Titel des Artikels</h3>
      <p>Es war einmal...</p>
      ...
      der Anker ist doch schon da - z.B. für die Westerngitarre http://www.gitarrenunterricht-neuss....ten.htm#anker2 in der h3.
      Abgesehen davon, dass a-Elemente mit name-Attribut veraltet sind und beliebige Elemente mit id angesprungen werden können, ist die h3 hier fehl am Platz, solange sie nicht in der Hierarchie unter einer h2 liegt.

      Gruß
      Ingo


      Ingo Webdesign

      Kommentar


      • #4
        Hallo,

        Danke für Eure Beiträge. Hierarchie ist korrigiert.
        Leider kam ich nicht weiter. Ursprünglich hatte ich im Quelltext folgendes geschrieben:


        Seite mit Bild-Verweis:auf Sprungziel z.B. von der Startseite:

        <a href="gitarrenarten.htm""#anker2"><img class="format2" src="bilder/westerngitarre.jpg" width="210" height="280"
        title="Westerngitarren" alt="Westerngitarren">
        </a>


        Seite mit Sprungziel (gitarrearten.htm)


        <div id="content_mitte">
        <h3 id="anker2">Die Westerngitarre</h3>
        <img class="format1" src="bilder/westerngitarre_studio.jpg" width=141" height="300"
        title="Konzertgitarre" alt="Konzertgitarre">
        </div>

        Wenn ich im Verweis die Anführungszeichen zwischen "gitarrenarten.htm" und '"anker2" weglasse,
        gitarrenarten.htm#anker2
        funktioniert es trotzdem nicht.


        Selbst die alte Schreibweise mit Verweis auf Sprungziel

        <a href="gitarrenarten.htm#anker2"><img class="format2" src="bilder/westerngitarre.jpg" width="210" height="280"
        title="Westerngitarren" alt="Westerngitarren"></a>

        und Sprungziel

        <div id="content_mitte">
        <h3 name="anker2">Die Westerngitarre</h3>
        <img class="format1" src="bilder/westerngitarre_studio.jpg" width=141" height="300"
        title="Konzertgitarre" alt="Konzertgitarre">
        </div>

        funktioniert nicht, obwohl das gleiche Spiel mit der veralteten Schreibweise auf der gitarrenunterricht-neuss.com bestens klappt (Gitarren-Fotos leiten einwandfrei auf Sprungziele).
        Ist aber alles noch Old School mit Tabellen und HTML 4.01, liegt noch viel Arbeit vor mir ....


        Kann mir vielleicht doch jemand weiterhelfen ? Mag der Browser die IMG-Klasse nicht ? .Die brauche ich aber für unterschiedliche Bildformatierungen (max-width etc.) je nach Viewport....


        Viele Grüße
        Bernhard

        Kommentar


        • #5
          Hi,
          Zitat von Bernhard Beitrag anzeigen
          Wenn ich im Verweis die Anführungszeichen zwischen "gitarrenarten.htm" und '"anker2" weglasse,
          gitarrenarten.htm#anker2
          funktioniert es trotzdem nicht.
          das müsste aber funktionieren, wenn sonst kein HTML-Fehler vorliegt -
          <!DOCTYPE HTML> <head> am Anfang ist z.B. doppelt. Mach das doppelte Anführungszeichen doch mal weg.

          Gruß
          Ingo
          Ingo Webdesign

          Kommentar


          • #6
            Hallo Ingo,

            danke für Deinen Tipp. Die doppelten Anführungszeichen sind überall raus. Jetzt funktionierts.
            Klappte vorher irgendwie nicht. Vermutlich lag`s am doppelten <!DOCTYPE HTML>< head>, den ich natürlich auch entfernt habe.

            Viele Grüße
            Bernhard

            Kommentar

            UNTERSTÜTZT UNS!

            Einklappen


            Für alle Amazon-Käufe, die ihr über diese Suchmaske tätigt, bekommen wir eine kleine Umsatzbeteiligung. Euch kostet es nichts mehr und wir können von den Einnahmen einen Teil unserer Kosten abdecken!

            Vielen Dank für eure Unterstützung!

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.653   Beiträge: 428.483   Mitglieder: 28.275   Aktive Mitglieder: 60
            Willkommen an unser neuestes Mitglied, motorGlype.

            Online-Benutzer

            Einklappen

            214 Benutzer sind jetzt online. Registrierte Benutzer: 6, Gäste: 208.

            Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X