Inputs und Images auf gleiche Höhe.
Harry66
- html
0 michi911
Hallo Leute,
kann mir jemand verraten, wie ich bei unten genanntem Beispiel die Inputs und Images pixelgenau auf gleiche Höhe bekomme?
Gruß Harry :-)
<html>
<head>
<title></title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="2" border="0" bgcolor="#cccccc"><tr><td valign="bottom">
<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">
<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='';">
<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='';">
<input type="image" name="Submit" class="button" src="images/login.jpg" alt="Anmelden / Login" border="0" valign="bottom" style="border: 0px;">
<a href="index.php?option=com_registration&task=lostPassword"><img src="images/pwvergessen.jpg" border="0"></a><a href="index.php?option=com_registration&task=lostPassword"><img src="images/anmelden.jpg" border="0"></a>
</td></tr></table></form>
</body>
</html>
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....