Simon: Bild an Bild

Beitrag lesen

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