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
    Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
    Albert Einstein

    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

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

            Einklappen

            Themen: 56.459   Beiträge: 428.482   Mitglieder: 27.877   Aktive Mitglieder: 60
            Willkommen an unser neuestes Mitglied, jorna2a.

            Online-Benutzer

            Einklappen

            637 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 636.

            Mit 2.057 Benutzern waren am 14.07.2019 um 11:45 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            SimpleSite

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X