Problem - <button> als Link verwenden

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lakhraiii

Neues Mitglied
8 Januar 2017
1
0
1
25
#1
Hey ich bin noch Anfänger in HTML und brauch mal Hilfe
Was ist mein Fehler?
Ich möchte Buttons machen mit denen ich zu den Links weitergeleitet werde.
Danke schonmal im vorraus

<html>
<strong> <img src="bild.jpg" width="150" height="150" align="left"> <br>
<br> <button onclick="<a href=" https://www.google.de "></a>Google</button>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="foto.jpg" width="150" height="150" align="left">
<br>
<br>
<button onclick="<a href="https://www.youtube.com/"></a>YouTube</button>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="fOtos.png" width="150" height="150" align="left"> <br> <br> <button onclick="<a href="https://web.de/"></a>E-Mail</button>
</strong>
</html>
 

Spicelab

Mod | ZENmechanic
Team
Moderator
27 November 2015
1.669
319
83
Goa
#3
Wenn Du nicht einfach das <a>-Element mit Hilfe von CSS optisch zu einem Button umgestalten willst, gehört er in <a></a> eingebettet:
HTML:
<a href="https://google.de"><button>Google</button></a>
Neben dem empfohlenen HTML5-Grundlagentraining, meine Linkempfehlung bzgl. Deines aussagelosen Thementitels "Problem":
Dass hier ein Problem erörtet und gelöst werden soll, dürfte jedem der Beteiligten klar sein. Nur welches konkret, geht aus dem Betreff nicht hervor, wenn im Forum die Themenübersicht betrachtet wird.

Moderation: Betreff entsprechend ergänzt.
 
31 Juli 2016
173
2
18
34
#4
<br> bzw. <br/> ist eigentlich nur für Zeilenumbrüche bei Text gedacht. Benutze besser margin um Abstände zu erzielen. z.B. Margin-Top: 15px;.

Ansonsten wie schon geschrieben:

Code:
<a href="#">Youtube</a>

<--! oder, wenn neue Seite geladen werden soll -->

<a href="#" target="_blank"></a>
und das css dazu:

Code:
a {
  text-decoration: none;
  padding: 5px 17px;
  color: #fff;
  border: 1px solid: #000;
  background: #333;
}
/* für den hover effekt bzw. wenn man mit der maus drüber fährt */
a:hover {
  background: #111;
}
Statt a (gilt dann für alle links auf der seite) kannst du natürlich auch eine Klasse einsetzen.