Harry66: Inputs und Images auf gleiche Höhe.

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>

  1. 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....