Nick: Klick-Button

Beitrag lesen

Hallo!

Danke an alle, die ihre Meinung zum Quelltext der Bibliothek Neubrandenburg abgegeben haben. Ich hatte gedacht, das Problem mit Klick-Buttons zu lösen (Ein Bild mit Text drunter, s.u.)

1.Allerdings weiß ich nicht, wie man festlegt, dass die Button alle einheitlich groß sind, sprich: sie nicht mit längeren Text immer breiter werden. Wahrscheinlich mit Zeilenumbruch lösbar, dann stimmt die Höhe aber nicht mehr :-)

2. Wie kann ich die Buttons nach meinen Bedarf ausrichten (zwei oben, drei mitte, zwei unten)

3. Kann man irgendwie die Farbe der Button ändern, das Grau ist nicht wirklich schön, oder errreichen, dass er nicht wirklich breiter als mein Bild ist?

Wieder mal einen großen Dank im Voraus!

Nick

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<html>
<head>
<title>Klick-Buttons</title>
</head>
<body>

<h1>Anmeldung/Ausleihe</h1>

<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="130" height="150" alt="Fuchs"><br>
        <b>Kostet die Bücherei Geld?</b></p></a></button></form></div>
</form>
<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="130" height="150" alt="Fuchs"><br>
        <b>Wie kannst du dir etwas ausleihen?</b></p></a></button></form></div>
</form>

<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="106" height="109" alt="Fuchs"><br>
        <b>Wie lange darfst du die Sachen behalten?</b></p></a></button></form></div>
</form>

<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="106" height="109" alt="Fuchs"><br>
        <b>Kann man die Leihfrist verlängern?</b></p></a></button></form></div>
</form>

<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="106" height="109" alt="Fuchs"><br>
        <b>Was kannst du ausleihen</b></p></a></button></form></div>
</form>

<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="106" height="109" alt="Fuchs"><br>
        <b>Verlust/Beschädigung?</b></p></a></button></form></div>
</form>

<form action="button.htm">
  <div>
<button name="Klickmich" type="button" value="Anmeldung" onClick="self.location.href='http://www.google.de/'">
<p> <img src="fuchs.jpg" width="106" height="109" alt="Fuchs"><br>
        <b>Büchereiausweis ist weg?</b></p></a></button></form></div>
</form>

</body>
</html>