Table Zellen zusammenführen

tombo82

Mitglied
Hallo, ich hab eine Table
mit 4 Zeilen:

Code:
<table class="tbllogin" border="1">
      <tr>
      <td style="background-color:#0BBA4D;" colspan="5">Login</td>
      </tr>
      <tr rowspan="1">
      <td>E-mail</td><td colspan="3" ><input type="text" value="Benutzername" style="margin-right: 10px; width: 180px;" name="USERNAME" size="10"/></td>
      </tr>
      <tr valign="top">
      <td align="left" >Passwort</td><td colspan="2" valign="top"><input type="password" value="****" style="width: 180px;" name="PWD"/></td><td><a href="#">anmelden</a></td>
      </tr>
      <tr>
      <td colspan="3" style="background-color:#E3FFF1;"><a href="#"> Registrieren</a>
        </td>
      </tr>
      </table>
ich möchte nun die beiden mittleren Zeilen mit einem Gemeinsamen Hintergrundbild belegen, dazu muss ich aber die beiden Zeilen zu einer großen verbinden...
Dies geht doch mit Rowspan oder? ich habs jedenfalls nicht hinbekommen, kann mir wer helfen?
 
Zuletzt bearbeitet:
Hallo,
also mein Tipp wäre, du zerteilst das Hintergrundbild.
Wenn das nicht geht müsste das so aussehen

HTML:
<table class="tbllogin" border="1">
	<tr>
		<td style="background-color:#0BBA4D;" colspan="3">Login</td>
	</tr>
      	<tr>
		<td>E-mail</td>
		<td rowspan="2">
			<input type="text" value="Benutzername" style="margin-right: 10px; width: 180px;" name="USERNAME" size="10"/>
			<br>
			<input type="password" value="****" style="width: 180px;" name="PWD"/>
		</td>
	</tr>
	<tr valign="top">
		<td align="left">Passwort</td>
		<td><a href="#">anmelden</a></td>
	</tr>
	<tr>
		<td colspan="3" style="background-color:#E3FFF1;"><a href="#"> Registrieren</a></td>
	</tr>
</table>
 
Obwohl ich kein Freund von Tabellen bin, hier eine saubere Lösung:
HTML:
 <table border="1">
	  <tr>
	  <td colspan="3" style="background-color:#0BBA4D">Login</td>
	  </tr>
	  <tr>
	  <td>E-Mail:</td>
	  <td><input type="text"></td>
	  </tr>
	  <tr>
	  <td>Password</td>
	  <td><input type="password"></td>
	  <td><a href="#">anmelden</a></td>
	  </tr>
	  <tr>
	  <td colspan="3" style="background-color:#E3FFF1"><a href="#">Registrieren</a></td>
	  </tr>
</table>
 
Zurück