Hallo Leute,
kann mir jemand verraten, wie ich bei unten genanntem Beispiel die Inputs und Images pixelgenau auf gleiche Höhe bekomme?
-----------------------
<html>
<head>
<title></title>
</head>
<body>
<form action="index.php?option=login" method="post" name="login">
<input type="hidden" name="op2" value="login">
<input type="hidden" name="lang" value="lng">
<input type="hidden" name="return" value="url">
<table border="1" cellpadding="5" cellspacing="0" bgcolor="#c0c0c0" width="500" height="75">
<tr>
<td style="vertical-align:bottom"><input type="text" name="username" class="inputbox" size="10" value="Username" onBlur="if(this.value=='') this.value='Username';" onFocus="if(this.value=='Username') this.value='';"></td>
<td style="vertical-align:bottom"><input type="password" name="passwd" class="inputbox" size="10" value="Passwort" onBlur="if(this.value=='') this.value='Passwort';" onFocus="if(this.value=='Passwort') this.value='';"></td>
<td style="vertical-align:bottom"><input type="image" name="Submit" class="button" src="images/login.jpg" width="100" height="25" alt="Anmelden / Login" border="0" valign="bottom" style="border: 0px;"></td>
<td style="vertical-align:bottom"><a href="index.php?option=com_registration&task=lostPassword"><img src="images/pwvergessen.jpg" border="0" width="75" height="25"></a></td>
<td style="vertical-align:bottom"><a href="index.php?option=com_registration&task=lostPassword"><img src="images/anmelden.jpg" border="0" width="75" height="25"></a></td>
</tr>
</table>
</form>
</div>
</body>
</html>
anstatt vertical-align:bottom kannste auch top angeben....