HTML Button mit link ?!

xJazon · 11/11/2011, 20:41

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

NotEnoughForYou · 11/11/2011, 20:45

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>

Fratyr · 11/11/2011, 20:59

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>

NotEnoughForYou · 11/11/2011, 21:02

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.....

Fratyr · 11/11/2011, 21:05

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

Heberg · 11/11/2011, 22:57

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

♣iShoKs™ · 11/27/2011, 03:20

am einfachsten:

<input type="submit" name="weiter" onclick="document.location.href='hi5.html'" id="weiter" value="Weiter" />

NotEnoughForYou · 11/27/2011, 13:31

Quote:

Originally Posted by ♣iShoKs™

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?