HTML Button mit link ?!

11/11/2011 20:41 xJazon#1
Hey
Wir sollten heute in der Schule Seiten miteinander verlinken und ein Quiz daraus machen, ich wollte etwas besonderes machen und wollte es so machen das wenn man auf den Button klick auf die nächste Frage kommt bzw auf eine Seite kommt wo steht Falsch oder derartiges.
Das Problem ist das wenn ich auf den Button drücke das sich die Seite nicht öffnet die geöffnet werden sollte.
Code:
<html>
<head>
<title></title>
</head>

<body>
<button><a href="n1.html">Nice 1</a></button>

</body>
</html>
So sollte es ja sein das ist jetzt nur schlicht gehalten aber es Funktioniert nicht.
Die n1.html seite existiert das ist nicht das porblem hoffentlicht kann jemmand helfen.

Und noch eine Frage hätte ich kann man die Schrift im Button ändern und auch die Link-Farbe unterdrücken so das sie z.B Schwarz aussieht ?

MfG xJazon
11/11/2011 20:45 NotEnoughForYou#2
gib dem Link ein Buttonbild als bg.

PHP Code:
a {
background:url("pfad zum bild") no-repeat;  // Hintergrund wählen
display:block; // Wird zu einem Blockelement
width: // Angabe machen
height: // Angabe machen 
color:#000000;  // Macht die Farbe Schwarz
} 
<-- Das in deine CSS

oder in den head bereich
PHP Code:
<script type="text/css">
<!--

a {
background:url("pfad zum bild") no-repeat;  // Hintergrund wählen
display:block; // Wird zu einem Blockelement
width: // Angabe machen
height: // Angabe machen 
color:#000000;  // Macht die Farbe Schwarz
}
-->
</script> 
11/11/2011 20:59 Fratyr#3
PHP Code:
<script type="text/css"> 
<!-- 

a { 
background:url("pfad zum bild") no-repeat;  // Hintergrund wählen 
display:block; // Wird zu einem Blockelement 
width: // Angabe machen 
height: // Angabe machen  
color:#000000;  // Macht die Farbe Schwarz 
} 
--> 
</script> 
Für CSS Im Head bereich verwendet man doch aber den <style> Tag! Die Kommentare
sind schon seit ewigen Browsergenerationen nichtmehr notwendig!

Ganz einfache Lösung:
PHP Code:
<a href="#"><button></button></a> 
11/11/2011 21:02 NotEnoughForYou#4
ahh ... peinlich ^^ ja ich meinte natürlich style ... hab grad was in js gemacht ... sry ^^ ... Ja das mit den Kommentaren hab ich mir mal so angewöhnt.....
11/11/2011 21:05 Fratyr#5
Ja, ist leider so das auf vielen Seiten im Web, ich glaube sogar auf selfhtml man es noch so mit den
Kommentaren beigebracht bekommt, obwohl es eigentlich überflüssig ist. Ich weiß auch garnichtmehr
was für einen Sinn das eigentlich mal hatte :)
11/11/2011 22:57 Heberg#6
Ich mache mir meine Buttons, mit Bildern. Diese mache ich mit Photoshop als PNG.

HTML Code:
<html>
<head>
<title></title>
</head>
<body>
<a href="#"><img src="Bilder/Button1.png" /></a>
</body>
</html>
mfg
11/27/2011 03:20 ♣iShoKs™#7
am einfachsten:

<input type="submit" name="weiter" onclick="document.location.href='hi5.html'" id="weiter" value="Weiter" />
11/27/2011 13:31 NotEnoughForYou#8
Quote:
Originally Posted by ♣iShoKs™ View Post
am einfachsten:

<input type="submit" name="weiter" onclick="document.location.href='hi5.html'" id="weiter" value="Weiter" />
davon abgesehen, dass der Thread schon älter ist, würde ich von einer Javascript Weiterleitung abraten. Was machst du, wenn der Nutzer Javascript ausgeschalten hat?