Ok
Ich hoffe, ich mache das jetzt richtig...
Quellcode makro:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>Gabriele S./makro</title>
<!-- Der nachfolgende einzeilige Copyright-Vermerk (c) ist nicht zu löschen.-->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- Der nachfolgende Hinweis-Vermerk darf gelöscht werden-->
<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body >
<table align="center" id="breite" cellspacing="0" cellpadding="0" border="0" >
<tr>
<!--ende aussentab-->
<td align="center" width="100%" >
<!--schatten um die seite oben -->
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="s1"><img src="images/1.jpg" width="22" height="22" border="0" alt=""></td>
<td id="s2"><img src="images/2.jpg" width="22" height="22" border="0" alt=""></td>
<td id="s3"><img src="images/3.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
<tr>
<td id="s4"><img src="images/4.jpg" width="22" height="22" border="0" alt=""></td>
<td class="haupt" >
<!--ende schatten um die seite oben -->
<!--kopf-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="2" id="top1" ><span id="name">Gabriele S.</span></td>
</tr>
<tr>
<td width="100%" >
<table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="top2" >
Meine Fotos für Sie !<br>
<br>
</td>
</tr>
<tr>
<td valign="top" align="center" id="top3" >
<img src="images/t02.jpg" width="500" height="296" border="0" alt="" style="border:solid 1px #B0B9B9;">
</td>
</tr>
<tr>
<td valign="top" id="textbox">
<h2>Die Makrofotografie </h2>
<p>
Ich zeige Ihnen hier Fotos aus dem Makrobereich. Für mich ein sehr spannendes Thema.
<p>
Hier gehts zu den <a href="webmakro/compact.html">Bildern...</a>
<br>
</td>
</tr>
</table>
</td>
<td rowspan="3" id="nav" >
<br>
<!-- menü rechts oben 1-->
<div id="menu2">
<ul >
<li><a href="index.html" >Home</a></li>
<li><a href="kontakt.html" >Kontakt</a></li>
<li><a href="gästebuch.html" >Gästebuch</a></li>
<li><a href="favoriten.html" >meine Favoriten</a></li>
<li><a href="impressum.html" >Impressum</a></li>
<li><a href="index.html" ></a></li>
</ul>
</div>
<!-- ende menü rechts oben 1-->
<br>
<!-- menü rechts oben 2-->
<div id="menu2">
<ul >
<h2>Bilder</h2>
<p>
<li><a href="webtiere/index.html" >Tiere</a></li>
<li><a href="webpflanzen/index.html" >Pflanzen</a></li>
<li><a href="webmakro/compact.html" >Makro</a></li>
<li><a href="webverschiedenes/index.html" >Verschiedenes</a></li>
<li><a href="index.html" ></a></li>
<li><a href="index.html" ></a></li>
</ul>
</div>
<!-- ende menü rechts oben 2-->
<br>
<div id="menu2">
<ul >
<h2>Veranstaltungen</h2>
<p>
<li><a href="webtrecker/index.html" >Treckerrennen</a></li>
<li><a href="webschmetterling/index.html" >Schmetterlingshaus</a></li>
<li><a href="index.html" ></a></li>
<li><a href="index.html" ></a></li>
<li><a href="index.html" ></a></li>
<li><a href="index.html" ></a></li>
</ul>
</div>
<br>
<br>
<br>
<br>
<br>
<!-- box1 unter der navigation-->
<div id="box1">
<b style="color:#7f7f7f;font-size:20px;font-family:georgia,serif">«</b> <b style="color:#7f7f7f;font-size:20px;font-family:georgia,serif">»</b>
</div>
<!-- =========== hier spaltenbreite für rechte navigation ========== -->
<div id="navigation_breite"> </div>
<!-- ========= ende spaltenbreite rechte navigation ============-->
</td>
</tr>
</table>
<!--ende oben-->
<!-- inhalt-->
<!-- ende inhalt-->
<!-- fuss-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="fuss2" >Mike Muster GmbH & Co. KG • Spezialstrasse 55 • 55234 Sampletown <br>
</td>
</tr>
</table>
</td>
<!-- schatten um die seite unten -->
<td id="s6"><img src="images/6.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
<tr>
<td id="s7"><img src="images/7.jpg" width="22" height="22" border="0" alt=""></td>
<td id="s8"><img src="images/8.jpg" width="202" height="22" border="0" alt=""></td>
<td id="s9"><img src="images/9.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
</table>
<!--ende schatten um die seite unten -->
</td>
</tr>
</table>
Quellcode simplviewer:
<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SimpleViewer Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "compact.xml";
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.bgcolor = "1D1D1D";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "600", "550", "9.0.124", false, flashvars, params);
</script>
<style type="text/css" media="screen">
html, body { height:100%; }
body {
margin:0;
padding:0;
overflow:auto;
background-color: #DDD;
color:#333;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
</style>
</head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
</html>
Gruß Gabi