Tabellen Zeilen verbinden und image einfügen

[win2k]

Hey leute, ich hab ein Problem in meiner Tabelle.
Würde gerne von den 3 ersten Zeilen die 3 ersten Zellen miteinander verbinden als eine und dort über ein css ein image einfügen.

meine div class sieht so aus

.pic
{
    list-style: url(../pic.jpg);
     rowspan="3";
}

und meine table so

<table>
  <tr>
    <div class="pic"><td> </td></div>
    <td><input type="button" value="xxxx"</td>
  </tr>

der ansatz funktioniert nur nicht wirklich

 

[nichtsgeht]

Um drei Zeilen zu verbinden, nimmt man<td colspan="..."> und mit background-image kannst du das Bild definieren.
Und wieso list-style ?

<table>
<tr><td rowspan="3" class="pic"></td>
      <td>.....

.pic {
  background-image: url(../pic.jpg);
}

rowspan ist kein css

Edit: Falsch gelesen (Zeilen verbinden natürlich mit rowspan, und nicht Spalten verbinden).

 

[Chigurh]

Also so funktioniert das nicht.

In einer tabelle umschließt kein div eine Zelle. Das mal als erstes.
Weiterhin ist mir nicht bekannt, dass man das Attribut "rowspan" via CSS setzen kann.

Dein Text müsste also wie folgt aussehen:

[COLOR=#008080]<table style="border:1px solid #ccc;">
  <tr>
    <td rowspan="3" style="background-image:url(http://s2.bmedien.eu/images/htmlde_skin_2.0_reloaded/logo.gif);">a</td>
    <td><input type="button" value="xxxx">b</td>
  </tr>
  <tr>
    <td>c</td>
  </tr>
  <tr>
    <td>d</td>
  </tr>
</table>[/COLOR][COLOR=#008080][/COLOR]

Das background-image setzt du NATÜRLICH nicht auf's Element, sondern in deiner CSS-Datei in eine Klasse und die Klasse auf die Zelle.

 

[win2k]

so hat nun funktioniert indem ich den css teil genauso wie @nichtsgeht geschrieben hab.
Nur colspan musste ich mit rowspan ersetzen!
Danke ;)

 

[Chigurh]

Siehe oben.