Guten Morgen..
Ich habe ein kleines Problem und benötige eure Hilfe.
Ich habe eine Tabelle. In dieser befinden sich 4 Div's.
Ich will eine Art Bilderrahmen erzeugen. Sprich in der Tabelle befindet sich das Bild und durch die 4 Div's (top, left, right, bottom) sollen die Ränder des Bildes abgedeckt werden.
Weiss jemand von euch wie das funktionieren könnte, bzw. nach was ich mich erkundigen müsste?
Hier mein Quellcode:
HTML
<html>
<head>
<link href="tap.css" rel="stylesheet" type="text/css">
</head>
<body>
<table id="s1" border="0" cellspacing="0" cellpadding="0" align="center">
<tr valign="top">
<td>
<div id="back">
<div id="top"></div>
<div id="left"></div>
<div id="right"></div>
<div id="bottom"></div>
</div>
</td>
</tr>
</table>
</body>
</html>Und hier die tap.css:
Code
#s1 {
width:500px;
height:500px;
}
#back {
background-color:black;
}
#top {
background-image:url(ist.png);
background-repeat:repeat-xy;
width:500px;
height:30px;
}
#left {
background-image:url(ist.png);
background-repeat:repeat-xy;
width:30px;
height:440px;
float:left;
}
#right {
background-image:url(ist.png);
background-repeat:repeat-xy;
width:30px;
height:440px;
float:right;
}
#bottom {
background-image:url(ist.png);
background-repeat:repeat-xy;
width:500px;
height:30px;
clear:both;
}Danke für alle Antworten.
Mit freundlichen Grüßen
XantypiaxD
Edit: Ich möchte nicht mit "postion:absolute" arbeiten!