Buttons verlinken

  • Hallo und guten Tag,
    ich habe einen Code, mit dem kann ich eine Button Gruppe (3 Buttons) erstellen,
    Aber es gelingt mir nicht mit dem <a href=mein Link> jeden einzelnen Button zu verlinken.
    ---------------------------------------------------------------------------------------------------------------------------

    Euch allen wünsche ich ein frohes neues Jahr!!!

  • Ohne jetzt deinen Code im Detail geprüft zu haben, ist es mit Bootstrap wirklich einfach.

    Hier ein Button mit Link als Beispiel:

    Code
    p><a href="https://www.link zu deinem Ziel" class="btn btn-sm btn-primary text-black">Buttonbezeichnung</a></p>

    Link und Buttontext einfach nach Wunsch anpassen.


    Eine Button-Gruppe als Beispiel:

    Code
    <div class="btn-group" role="group" aria-label="Basic mixed styles example">
      <button type="button" class="btn btn-danger">Left</button>
      <button type="button" class="btn btn-warning">Middle</button>
      <button type="button" class="btn btn-success">Right</button>
    </div>

    Details dazu siehe hier:

    Button group
    Group a series of buttons together on a single line or stack them in a vertical column.
    getbootstrap.com

  • Nachtrag:

    Du möchtest ja Links anhängen.

    Dann kannst du es so lösen:

    Code
    <h4>Beispiel Button Group mit Links</h4>
    <div><a href="https://www.google.com" target="_blank" rel="noopener">
            <button class="btn btn-danger">Links</button>
        </a> <a href="https://www.google.com" target="_blank" rel="noopener">
            <button class="btn btn-warning">Mitte</button>
        </a> <a href="https://www.google.com" target="_blank" rel="noopener">
            <button class="btn btn-success">Rechts</button>
        </a></div>

    Den Google Link halt mit deinen Links ersetzen.

  • Das ist ein Irrtum - du kannst keine Buttons verlinken. Du kannst aber links als Buttons verkleiden. z.B so:


    <a class="tvn-green-button" href="/index.php/handball/tvn-tabellen/tvn-senioren-klein">Klick hier... </a>


    Ein Link, der einen Button enthält ist semantisch falsch.

    Link = gehe irgendwo hin

    Button = Mach was aber bleib da