Simon: Bild an Bild

Hi,
ich habe folgendes Problem:

Hier der Code (index.html):

Code:
--------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body scroll="auto">
<table cellspacing="0" cellpadding="0" width="100%" height="15%" border="0">
<tr>
<td class="table_line" align="left" valign="bottom">
</td>
<td class="table_head" align="right" valign="bottom">
</td>
</tr>
</table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

--------------------------------------------------------------------------------

Hier der Code (style.css):

Code:
--------------------------------------------------------------------------------
body {
margin: 0px;
padding: 0px;
}
.table_head {
background-position : right;
background-image : url(../images/jpg/church_no_profile.jpg);
background-repeat : no-repeat;
}

.table_line {
background-position : right;
background-image : url(../images/jpg/church_profile.jpg);
background-repeat : repeat-x;
}

--------------------------------------------------------------------------------

Wie bekomme ich jetzt die Linie direkt an den Umriss der Kirchen? Das soll in der Hinsicht oben dann so eine Linie werden.
siehe Bild unten

Gruß ... Simon

  1. Hi,
    So habe es jetzt hinbekommen:

    Code für style.css:

    Code:
    --------------------------------------------------------------------------------
    body {
    margin : 0px;
    padding : 0px;
    }
    .table_head {
    background-position : right bottom;
    background-image : url(../images/jpg/church_no_profile.jpg);
    background-repeat : no-repeat;
    }

    .table_line {
    background-position : right bottom;
    background-image : url(../images/jpg/church_profile.jpg);
    background-repeat : repeat-x;
    }

    --------------------------------------------------------------------------------

    Blos jetzt ist das Problem, dass das ganze so aussehen soll, das die Kirchen immer 187px breit sind und das andere (die Linie) dann dynamisch in der Breite!

    Gruß ... Simon