HTML: Ganzer Button Verlinken und nicht nur der Text

lukasmeier · 18 Dezember 2014

ich habe hier mal einen Button erstellt, jetzt möchte ich aber, dass der ganze Button verlinkt wird und nicht nur der Text.

Hier ist der Button Code:
<div style="width: 100%; padding: 10px 0px; background: #222; color: #fff; text-align: center; border: 1px solid #000; cursor: pointer;"><a href="ziel.html">Hier die Linkbeschriftung</a></div>

Hier kann man den Button sehen: bit.ly/GanzerButtonVerlinken

Supercomputer · 18 Dezember 2014

Dafür musst du den a Tag auf (meine ich zumindest) visible:block stellen. (Oder etwas ähnliches)

Infomercial · 18 Dezember 2014

du musst das <a> tag umd den div herum machen ^^

Nitamud · 18 Dezember 2014

Ein Block-Element in ein Inline-Element geben? schlechte Idee....

Verzichte einfach ganz auf den div , und definier das <a> Tag als
Blockement , dann kannst du ihm auch eine BReite zuweisen.

Code:

a {

  display:block;
  width: 100px; /*anpassen an deine Bedürfnisse*/

  /*Hier folgen weiter Angaben*/
}

threadi · 18 Dezember 2014

HTML:

<a style="display: block;width: 100%; padding: 10px 0px; background: #222; color: #fff; text-align: center; border: 1px solid #000; cursor: pointer;" href="ziel.html">Hier die Linkbeschriftung</a>

Moderation: Verschoben von HTML zu CSS.

HTML: Ganzer Button Verlinken und nicht nur der Text

lukasmeier

Mitglied

Supercomputer

Mitglied

Infomercial

Neues Mitglied

Nitamud

Mitglied

threadi

Moderator

Neueste Beiträge