Gegen Bilderklau - Das Original | Homepagehilfe - Archiv | [CSS] Tabelle 2 verschiedene Farben mit CSS

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:

<html>
<head>
<title>Hobbyfotographen.ch</title>
<link rel="stylesheet" type="text/css" href="http://www.hobbyfotographen.ch/desi/style.css">
<script language="javascript" type="text/javascript">
PositionX = 10;
PositionY = 10;

hoehe=0;
breite=0;

defaultWidth  = 620;
defaultHeight = 620;
defaulthoehe=600;
defaultbreite=800;

var AutoClose = true;

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle,isbreite){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}


if(isbreite=='b'){hoehe=defaulthoehe;breite=defaultbreite;}
if(isbreite=='h'){hoehe=defaultbreite;breite=defaulthoehe;}

//Bild1=new Image();
//Bild1.src=imageURL;
//hoehe=Bild1.height;
//breite=Bild1.width;

with (imgWin.document){
writeln('<html><head><title>Loading...<\/title><style>body{margin:0px;}<\/style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
//writeln('width=100-breite;');
//writeln('height=100-hoehe;');
writeln('window.resizeTo(10+'+breite+',30+'+hoehe+');}');writeln('if (isNN){');
writeln('window.innerWidth='+breite+';');writeln('window.innerHeight='+hoehe+';}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('<\/sc'+'ript>');
if (!AutoClose) writeln('<\/head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('<\/head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
//writeln('<img alt="" name="George" src='+imageURL+' >');
writeln('<table background='+imageURL+' border="0" cellpadding="0" cellspacing="0"><tr>');
writeln('<tr>');
writeln('<td><img src="pixel.gif" width='+breite+' height='+hoehe+'><\/td>');
writeln('<\/tr>');
writeln('<\/table>');
writeln('<\/body><\/html>');
close();
}}


</script>
</head>
<body>
<center>
<table id="tab_michael" border="0" cellspacing="0" callpadding="0">
<tr>
<td colspan="5"><center>Blumen</center></td>
</tr>
<tr class="text">
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
</tr>
<tr class="bild">
<td width="105"><a href="javascript:popImage('bild01.jpg','Blume','b')"><img src="verkleinert/k-bild01.JPG" border="0"></a></td>
<td width="105"><a href="javascript:popImage('bild02.jpg','Blume','b')"><img src="verkleinert/k-bild02.JPG" border="0"></a></td>
<td width="105"><a href="javascript:popImage('bild03.jpg','Blume','b')"><img src="verkleinert/k-bild03.JPG" border="0"></a></td>
<td width="105"><a href="javascript:popImage('bild04.jpg','Blume','b')"><center><img src="verkleinert/k-bild04.JPG" border="0"></a></td>
<td width="105"><a href="javascript:popImage('bild05.jpg','Blume','b')"><center><img src="verkleinert/k-bild05.JPG" border="0"></a></td>
</tr>
<tr class="text">
<td><h2><center>-</center></h2></td>
<td><h2><center>-</center></h2></td>
<td><h2><center>-</center></h2></td>
<td><h2><center>-</center></h2></td>
<td><h2><center>-</center></h2></td>
</tr>
<tr height="10">
</tr>
<tr bgcolor=#FFFFFF>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
<td><h2><center>DIMAG 5</center></h2></td>
</tr>
<tr bgcolor=#A9A8A6>
<td width="105"><a href="javascript:popImage('bild06.jpg','Baum','b')"><center><img src="verkleinert/k-bild06.JPG" border="0"></a></td>
<td width="105"><a href="javascript:popImage('bild07.jpg','Baum','b')"><center><img src="verkleinert/k-bild07.JPG" border="0"></a></td>
<td width="105"></td>
<td width="105"></td>
<td width="105"></td>
</tr>
<tr bgcolor=#FFFFFF>
<td><h2><center>-</center></h2></td>
<td><h2><center>-</center></h2></td>
<td><h2><center>-</center></h2></td>
<td><h2><center></center></h2></td>
<td><h2><center></center></h2></td>
<tr height="10">
</tr>

</table>
</body>
</html>