Tabelle mit größerem Inhalt

[Mini-Leopard]

Liebe Community!

Ich habe gerade ein Problem mit einer Tabelle. Ich konnte im Netz nichts dazu finden, wahrscheinlich auch, weil ich keine Idee hab, wonach ich suchen soll…

Hier mal mein HTML-Code:

<table>
    <tr>
        <td>
            <img…>
        </td>
        <td>
            Text
        </td>
    </tr>
    <tr>
        <td>
            <img…>
        </td>
        <td>
            Text
        </td>
    </tr>
</table>

Im CSS sieht das ganze so aus:

table
{
    border-spacing:[COLOR=#2832cf]0[/COLOR]px;
    border-collapse:collapse;
}
table td
{
    border-right:solid [COLOR=#2832cf]4[/COLOR]px [COLOR=#008326]#B9B9B9;[/COLOR]
}

Mein Problem ist jetzt, wenn der Text länger wird, als die linke Zelle mit dem Bild, wird die Borderline unterbrochen.
Auch wenn überhaupt kein Bild da ist, wird die Borderline unterbrochen. In dem Fall spielt es keine Rolle, wie lang der Text ist.
Ich habe mal hier einen Screenshot, der zeigt, wie das dann aussieht:



Ich habe auch schon versucht, via valign="middle" das das Bild vertikal in die Mitte zu rücken.
Das geht aber leider auch nicht.

Hat vielleicht jemand von euch eine Idee zu dem Thema?
Freue mich über jede Art von Hilfe!!

Liebe Grüße
…

 

[seaker]

Das sieht aus als ob der Inhalt der linken Spalte als Maß für die Border gilt. Kann es leider gerade nicht nachstellen bzw nachcode da ich momentan nicht an meinem Rechner daheim bin.

Nur so zwei Ideen:

1. Wenn du vielleicht direkt über die beziehnungen in CSS gehst also die Border über "table > tr > td" definierst, ändert sich dann was?

2. Wenn du die Border nicht von jeder TD machst sondern der textspalte eine eigene class vergibst und auf diese class eine border-left legst um die links Border zu bauen, hast du dann immer noch die Unterbrechung drin. Dann sollte, denke ich, die Border genauso hoch sein wie der Text in der rechten Spalte.