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:

awortmeier

Erfahrenes Mitglied
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>
 

chuvak

Erfahrenes Mitglied
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>