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.415   Beiträge: 428.251   Mitglieder: 27.807   Aktive Mitglieder: 71
            Willkommen an unser neuestes Mitglied, avabrooks.

            Online-Benutzer

            Einklappen

            575 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 571.

            Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            • daniel5959
              Antwort auf Googleplatzierung
              Hallo,

              ob wirklich Hilfe gesucht wird oder nur der Link untergebracht werden soll, das lasse ich mal offen.

              Wenn es um die Platzierung bei Google geht, sprich um SEO (Suchmaschinenoptimierung), dann sollte das bei einem Shop auf jeden Fall einem Profi überlassen werden - gute...
              Heute, 06:41
            • Haris
              Googleplatzierung
              Hallo,

              ich habe einen Onlineshop, der aktuell etwas schwächelt. Auf https://www.urv-online.de/index.php/...rbeagentur.php habe ich gelesen, dass es sinnvoll sein kann, wenn man die Seite optimieren lässt. Nun ist meine Frage, ob man das selbst machen kann,...
              Heute, 00:58
            • föni
              Antwort auf Zusätzliche fusszeile
              mir ist nicht bewusst, was ich anders gemacht habe, aber es scheint nun zu passen.

              Ich danke Dir für die Hilfe.
              Gestern, 16:40
            • seoNaster
              Antwort auf Suche Filehoster
              Ich kenne filealpremium.net Der ist auch kostenlos und bietet dir normale Geschwindigkeit an auch ohne Premium Konto, lediglich eine Anmeldung ist notwendig. Ich meine auch es gibt keine Einschränkungen und auch keine Werbung die einen normalerweise bei kostenlosen Accounts stört.
              Gestern, 10:53
            • Rauch17
              Antwort auf Fliesen im Wohnzimmer
              Fliesen im Wohnzimmer ist nicht so gute Idee. Ich empfehle nur Holzfußboden, besonders wenn man im Sommer barfuß gerne läuft....
              20.05.2019, 19:07

            Kostenlose Homepage bei Jimdo!

            Einklappen

            Jimdo

            Die neuesten Beiträge

            Einklappen

            • Haris
              Googleplatzierung
              Hallo,

              ich habe einen Onlineshop, der aktuell etwas schwächelt. Auf https://www.urv-online.de/index.php/...rbeagentur.php habe ich gelesen, dass es sinnvoll sein kann, wenn man die Seite optimieren lässt. Nun ist meine Frage, ob man das selbst machen kann,...
              Heute, 00:58
            • daniel5959
              Antwort auf Googleplatzierung
              Hallo,

              ob wirklich Hilfe gesucht wird oder nur der Link untergebracht werden soll, das lasse ich mal offen.

              Wenn es um die Platzierung bei Google geht, sprich um SEO (Suchmaschinenoptimierung), dann sollte das bei einem Shop auf jeden Fall einem Profi überlassen werden - gute...
              Heute, 06:41
            • föni
              Zusätzliche fusszeile
              Hallo Leute

              Ich hab eine html Seite am laufen mit folgendem Code:

              HTML-Code:
               <!DOCTYPE HTML>
              <html lang="de">
              <head>
                  <link rel="icon" href="bim/favicon.ico" type="image/x-icon" />
              <title>x.ch</title>
              ...
              17.05.2019, 22:00
            • föni
              Antwort auf Zusätzliche fusszeile
              mir ist nicht bewusst, was ich anders gemacht habe, aber es scheint nun zu passen.

              Ich danke Dir für die Hilfe.
              Gestern, 16:40
            • andi656
              Suche Filehoster
              hallo,

              welche Anbieter gibt es momentan die günstig oder sogar kostenlos ihren Dienst anbieten?
              Ich bin da noch etwas ratlos, da ich sowas noch nie genutzt habe und bin daher über jeden Ratschlag dankbar....
              19.05.2019, 10:34
            • seoNaster
              Antwort auf Suche Filehoster
              Ich kenne filealpremium.net Der ist auch kostenlos und bietet dir normale Geschwindigkeit an auch ohne Premium Konto, lediglich eine Anmeldung ist notwendig. Ich meine auch es gibt keine Einschränkungen und auch keine Werbung die einen normalerweise bei kostenlosen Accounts stört.
              Gestern, 10:53
            • Rauch17
              Antwort auf Fliesen im Wohnzimmer
              Fliesen im Wohnzimmer ist nicht so gute Idee. Ich empfehle nur Holzfußboden, besonders wenn man im Sommer barfuß gerne läuft....
              20.05.2019, 19:07
            • Rauch17
              Antwort auf Geschenk fur Chefin?
              Letztes Mal habe ich meiner Chefin eine Orchidee mit Lindt Schokolade geschenkt. Sie war sehr froh.
              20.05.2019, 19:05
            • Rehnat
              Antwort auf Geschenk fur Chefin?
              Sind ja wirklich so einige gute Ideen zusammengekommen, hoffe, sie haben dir dann auch helfen können?
              Aber, ich finde, dass deine Idee auch toll war... Kann mich meinem Vorschreiber auf jeden Fall anschließen, denn ich finde auch, das es nicht immer so einfach ist ein passendes Geschenk zu finden....
              20.05.2019, 12:48
            • Mr.Kennedy
              Antwort auf Webseite Domain Namen ändern?
              Sehr hilfreich. Ich konnte meine Domain zu kennedy-translations.com ändern. Danke
              20.05.2019, 12:32
            Lädt...
            X