nicht angemeldet
'ǝɯɐu$ ıɥ
Danke für eure Antworten, aber:
Sorry, ich komm nicht ganz nach was du meinst.du brauchst dringend grundkentnisse in html/css und ich denke da der inhalt aus einer db kommt wäre ein template system eine gute wahl...ansonsten irgend ein css layout nehmen (zb aus selfhtml), anpassen und inhalt reinflanschen. das it es doch was du suchst: das grundgerüst einer website?
ssnɹƃ
ʍopɐɥs
hallo,
es geht mir darum, dass die Bilder im Ecken angezeigt werden, dass es einen vollständigen Rahmen gibt, unabhängig von der Grösse.
http://www.deepdish.ch/test/CSS-test/html.html
Dachte es sollte so funktionieren:
<html>
<head>
<style type="text/css">
~~~~~~css
body {
text-align:center;
vertical-align:middle;
}
.all {
width:500px;
position:relative;
text-align:center;
vertical-align:middle;
}
.left-top {
background-image:"./left-top.jpg";
left:0px;
top:0px;
position:absolute;
height:100px;
width:100px;
}
.right-top {
background-image:"./right-top.jpg";
right:0px;
top:0px;
position:absolute;
height:100px;
width:100px;
}.border-top {
background-image:"./border-top.jpg";
top:0px;
position:absolute;
background-repeat:repeat-x;
height:100px;
}.border-left {
background-image:"./border-left.jpg";
left:0px;
position:absolute;
background-repeat:repeat-y;
width:100px;
}
.border-right {
background-image:"./border-right.jpg";
right:0px;
position:absolute;
background-repeat:repeat-y;
width:100px;
}
.border-bottom {
background-image:"./border-bottom.jpg";
bottom:0px;
position:absolute;
background-repeat:repeat-x;
height:100px;
}
.left-bottom {
background-image:"./left-bottom.jpg";
bottom:0px;
left:0px;
position:absolute;
height:100px;
width:100px;
}
.right-bottom {
background-image:"./right-bottom.jpg";
bottom:0px;
right:0px;
position:absolute;
height:100px;
width:100px;
}
.content {
color:#000000;
background-color:#FFFFFF;
}
~~~~~~html
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div class="all">
<div class="left-top"></div>
<div class="border-top"></div>
<div class="right-top"></div>
<div class="border-left"></div>
<div class="border-right"></div>
<div class="left-bottom"></div>
<div class="border-bottom"></div>
<div class="right-bottom"></div>
<div class="content">Hier steht ganz viel Text</div>
</div>
</body>
</html>
Was ich mir vorstellte:
Und was raus kam:
Was mache ich falsch?
Vielen Dank für eure Hilfe.