Hallo ihr,
ich habe eine Frage.
Für eine Website habe ich ein Gästebuchscript im Internet gefunden, dass man frei benutzen darf.
Ich hab die CSS Datei schon meinen Wünschen entsprechend angepasst.
Allerdings gefällt mir das Formular nicht vom Aussehen.
Es sieht so aus:
PHP
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>onSite Gästebuch</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<a name="top" id="top"></a>
<div id="whole">
<?php echo $obj_gb->getHtmlMessage(); ?>
<form action="index.php" method="post" name="form_entry" id="form_entry">
<input type="hidden" name="action" value="1" />
<table class="newentry" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<th class="headline"><big><strong>Neuen Eintrag verfassen</strong></big></th>
</tr>
<tr>
<td class="entry"><table width="100%">
<tr>
<td align="right">Name:</td>
<td><input class="input" type="text" size="30" name="name" value="<?php echo $obj_gb->getName(); ?>" maxlength="30" /></td>
</tr>
<tr>
<td align="right">E-Mail:</td>
<td><input class="input" type="text" size="30" name="email" value="<?php echo $obj_gb->getEmail(); ?>" maxlength="30" /></td>
</tr>
<tr>
<td align="right">Homepage:</td>
<td><input class="input" type="text" size="30" name="hp" value="<?php echo $obj_gb->getHp(); ?>" maxlength="40" /></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td align="center" colspan="2"><table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="nospan"><input type="radio" name="icon" value="icon1" /></td>
<td class="nospan"><img src="images/mood/icon1.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon2" /></td>
<td class="nospan"><img src="images/mood/icon2.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon3" /></td>
<td class="nospan"><img src="images/mood/icon3.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon4" /></td>
<td class="nospan"><img src="images/mood/icon4.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon5" /></td>
<td class="nospan"><img src="images/mood/icon5.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon6" /></td>
<td class="nospan"><img src="images/mood/icon6.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon7" /></td>
<td class="nospan"><img src="images/mood/icon7.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
</tr>
<tr>
<td class="nospan"><input type="radio" name="icon" value="icon8" /></td>
<td class="nospan"><img src="images/mood/icon8.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon9" /></td>
<td class="nospan"><img src="images/mood/icon9.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon10" /></td>
<td class="nospan"><img src="images/mood/icon10.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon11" /></td>
<td class="nospan"><img src="images/mood/icon11.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon12" /></td>
<td class="nospan"><img src="images/mood/icon12.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon13" /></td>
<td class="nospan"><img src="images/mood/icon13.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
<td class="nospan"><input type="radio" name="icon" value="icon14" /></td>
<td class="nospan"><img src="images/mood/icon14.gif" alt="icon" width="15" height="15" /></td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td align="right" valign="top">Kommentar:</td>
<td><textarea name="text" cols="40" rows="8"><?php echo $obj_gb->getText(); ?></textarea></td>
</tr>
<tr valign="top">
<td colspan="2"> </td>
</tr>
<tr valign="top">
<td><p>Um SPAM zu verhindern geben Sie bitte <br />
die Zeichenfolge ohne
Leerstellen in das <br />
Formularfeld ein:</p></td>
<td><?php echo $obj_gb->getCaptchaCode(); ?></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2" align="center"><input name="Submit" type="image" src="images/admin/eintragen.jpg" alt="Eintragen" /></td>
</tr>
</table></td>
</tr>
</table>
</form>
<br clear="all" />
<div class="navigation"><?php echo $obj_gb->getNavigation(); ?></div>
<?php while($obj_gb->listEntry()) { ?>
<table width="100%" cellpadding="0" cellspacing="0" class="comment">
<tr>
<th class="left"> <img src="images/mood/<?php echo $obj_gb->getEntryData("icon"); ?>.gif" alt="icon" width="15" height="15" />
Eintrag Nr. <?php echo $obj_gb->getEntryData("entry_nr"); ?> von
<?php if($obj_gb->getEntryData("email")){ ?>
<a href="mailto: <?php echo $obj_gb->getEntryData("email"); ?>">
<big><?php echo $obj_gb->getEntryData("name"); ?></big></a>
<?php }else{ ?>
<big><?php echo $obj_gb->getEntryData("name"); ?></big>
<?php } ?>
vom <?php echo $obj_gb->getEntryData("date"); ?> um <?php echo $obj_gb->getEntryData("time"); ?> Uhr
<?php if($obj_gb->getEntryData("homepage")){ ?>
<br />
<a href="<?php echo $obj_gb->getEntryData("homepage"); ?>" target="_new" rel="nofollow"><?php echo $obj_gb->getEntryData("homepage"); ?></a>
<?php } ?></th>
<th class="right"><a href="#top"><img src="images/admin/hoch.jpg" alt="icon" border="0" /></a></th>
</tr><tr>
<td class="entry" colspan="2">
<p><?php echo $obj_gb->getEntryData("text"); ?></p>
<?php if($obj_gb->getEntryData("comment")){ ?>
<p> </p><small><i>
Kommentar von <?php echo $obj_gb->getEntryData("comment_user"); ?>: <br />
<hr noshade="noshade" width="40%" align="left" />
<?php echo $obj_gb->getEntryData("comment"); ?> </i></small></p>
<?php } ?>
</td>
</tr></table>
<?php } ?>
<div class="navigation"><?php echo $obj_gb->getNavigation(); ?></div>
<div id="admin">[ <a href='admin/login.php' target='gb_admin'>Administrator Login</a> ]</div>
</div>
<?php echo $obj_gb->getCopyright(); ?>
</body>
</html>
Alles anzeigen
ich hätte gerne, dass das Formular irgendwie so zentriert wie möglich dargestellt wird und möglichst alles schön untereinander ist. Die Reihe mit den Smilies würde ich gerne nicht mehr haben. Und auch der Spamschutztext sollte nach Möglichkeit unter dem Spamcode zentriert geschrieben stehen.
Kann mir da jemand weiterhelfen? Ich habe schon ein bisschen rumgedoktort aber leider bin ich da mit meinem HTML am Ende ;)...
Viele Grüße,
bazo