nicht angemeldet
So nun, um es zu trennen mache ich mal zwei threads auf , geht ja um was verschiedenes (->hab auch einen anderen auf!^^)
ich hab ein vor ein Layout zu machen, eine Tabelle und ein Hintergrundbild kombiniert mit einem IMG Element.
Ich zkizzier mal.
Img------------
Img---------
||
||
||
||
||
||
Also das Img zeigt einfach drei Farben, die einen Rechten Winkel beschreiben, eine Ecke !
Die Horizontalen und Vertikalen Linien stehen für das passende bild
mit den drei farben, wie sie nach der ecke weiterlaufen. Das IMG soll also mit den beiden anderen optisch verschmelzen, beide Zeilen überdecken.
Nun, wusste ich es nicht besser und hab folgendes versucht.
Tabelle:Backgr. Img. ->Repeat X
Tabelle /td: IMG ->Top
Body : Backgr. Img. ->Repeat Y
Nochmal mit dem zugehörigem Quelltext, äh beachtet die vielen Styles nicht^^
<html>
<head>
<title>Von Gründung und Entwicklungen</title>
<style type="text/css">
<!--
table {
width:1000px;
background-image: url(vorlage%20flagge%20kr.bmp);
background-repeat: repeat-x;
background-position: 3px 3px;
border: 0px 0;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px 0px 0px 0px);
}
h7 { color:#0000EF; font-size:30px; }
.style2 {
color: #99E5FE;
font-size: 18px;
font-style: normal;
font-weight: bolder;}
.style3 {
color:#99E5FE;}
body {
background-image: url(vorlage%20flagge2%20kr.bmp);
background-attachment: scroll;
background-repeat: repeat-y;
background-position: left top;
margin: -2px;
padding: 0px;
}
a:link {
color: #99E5FE;
}
a:active {
color: #009900;
}
a:visited {
color: #99E5FE;
}
.style6 {
color: #0000FF;
font-family: Arial, Helvetica, sans-serif;
}
.style7 {font-style: normal; font-weight: bolder; font-size: 18px;}
.style12 {font-size: 16px}
.style14 {color: #00CCFF; font-size: 24px; font-style: normal; font-weight: bold; }
.style15 {font-size: 12px}
.style16 {font-size: 14px}
.style20 {color: #00CCFF; font-size: 14; font-style: italic; font-weight: bold; }
.style21 {font-size: 24px; font-weight: bold; color: #99E5FE;}
.style28 {
color: #FFFFFF;
font-style: italic;
}
.style29 {color: #CCCCCC}
.style32 {color: #FF3300}
.style33 {font-size: 18px; font-weight: bolder; color: #99E5FE;}
.style34 {color: #FFFFFF}
.style35 {color: #FFFFCC}
.style36 {color: #FF3333}
.style37 {color: #0000FF}
.style38 {color: #FFFF33}
.style40 {color: #00FF00}
.style41 {color: #990000}
.style43 {color: #FF0000}
.style46 {color: #6666FF}
.style50 {color: #339933}
.style52 {color: #993333}
.style56 {font-size: 18px; font-style: normal; color: #99E5FE;}
.style57 {font-size: 18px; font-style: italic; color: #99E5FE;}
.style60 {font-size: 18px; font-weight: bolder; color: #99E5FE; font-style: italic; }
.style62 {color: #99FFFF; font-style: italic; font-size: 18px; }
.style64 {color: #99FFFF; font-style: italic; font-size: 18px; font-weight: bold; }
.style67 {color: #99FFFF; font-style: italic; font-weight: bold; }
.style68 {color: #999966}
.style69 {font-size: 18px}
.style70 {color: #FF3300; font-size: 18px; }
.style71 {color: #FFFF66}
.style72 {color: #33FFCC}
.style73 {color: #6699CC}
.style74 {color: #6699FF}
.style75 {color: #6699FF; font-size: 18px; }
.style76 {color: #00FF99}
.style77 {color: #996666}
.style78 {color: #AAAAAA}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body bgcolor="#000000">
<table style="table-layout:fixed">
<tr>
<td width="194" align="left" valign="top" style="border-color:#0000EF; border-width:0px; border-style:dashed"><img src="vorlage%20flagge%20vb%20kr.bmp" alt="-" hspace="0" vspace="0" border="0" align="top"></td>
<td colspan="6" style="border-color:#0000EF; border-width:0px; border-style:dashed"></td>
</tr>
</table>
</body>
</html>
Auge