Forum Moderators: open
<p align="center"> </p>
<p align="center"><img border="0" src="6225_logo_final.jpg" width="503" height="185"></p>
<div style="text-align:center">
<form action="news.html" style="display:inline">
<input type="submit" value="News" name="B1" style="color: #4E3A01; font-family: QuickType II Mono; font-size: 14pt">
</form>
<form action="Photos.htm" style="display:inline">
<input type="submit" value="Pictures" name="B3" style="color: #4E3A01; font-family: QuickType II Mono; font-size: 14pt">
</form>
<form action="SampleTunes.htm" style="display:inline">
<input type="submit" value="Daily Tune" name="B2" style="color: #4E3A01; font-family: QuickType II Mono; font-size: 14pt">
</form>
</div>
The links will work around text or images, but for a button
<form><input type="button" value="News" onClick="document.location='News.htm';"></form>
is all that's needed. Since there are no onClick actions associated with your buttons - it doesn't know what to do. So it does nothing. :-)
Hyperlinks will work around static objects, such as
<a href=news.htm">text</a>
<a href="news.htm"><img src="images.gif"></a>
<a href="news.htm"><img src="animaged_images.gif"></a>
but I've never even thought of using them on form objects.
I've tidied up the code and used more css to separate presentation from content.
<html>
<head>
<style type="text/css">
#box {
text-align:center;
margin-top:50px;
}
form {
display:inline;
}
input {
color:#4E3A01;
font:14pt QuickType II Mono;
margin:0 10px;
}
</style>
</head>
<body>
<div id="box">
<img src="6225_logo_final.jpg" width="503" height="185">
<br><br>
<form action="News.htm"><input type="submit" value="News" name="B1"></form>
<form action="Photos.htm"><input type="submit" value="Pictures" name="B3"></form>
<form action="SampleTunes.htm"><input type="submit" value="Daily Tune" name="B2"></form>
</div>
</body>
</html>