nicht angemeldet
Uii, dann werd ich mich mal in Geduld üben und dankbar sein.
Hechelnd, aber lieb wartend...
Marc
Okey hier mal ein Entwurf
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords" content="360x180, Panos, Panorama, Panoramen, QTVR, Marc Gruber ">
<meta name="description" content="360°x 180° Panoramen">
<title>360°x 180° Panoramen</title>
<link rel="stylesheet" href="panoramen__vs-Dateien/format.css" type="text/css">
<style type="text/css">
/*body wurde auf 900px festgelegt, zentriert*/
body {font-size:100.01%; padding: 0; margin:1em auto; width:900px;}
a[href]{color:#444; font-weight:bold;}
#header{width:900px; height:120px; border: 1px solid #ddd;}
.hide{display:none;}
/*Die Navigation mit Float (in globales Stylesheet)*/
#mainnav {float:left; width:200px; margin: 0 1em 0 0; padding:0; list-style-type:none;}
#mainnav li {margin:0; padding:0;}
#mainnav a {text-decoration:none; display:block; border:1px solid #fff; background-color:#eee;padding:0.2em 1em; border-left:0.5em solid #999;}
#mainnav a:hover{ background-color:#ffd;}
#mainnav a.this_page { border-left-color: #f00;}
/* Der Hauptbereich*/
#content{ overflow:auto;} /*bewirkt Kastenverhalten*/
#contentnav, #contentnav li {margin: 0; padding:0; list-style-type:none;}
#contentnav li { margin: 0.5em 0;text-align:center; border:1px solid #ccc; border-width:1px 0; background-color:#fffff6;}
#contentnav li h3 {font-size:1.1em; line-height:150%; background-color:#eee; padding:0; margin:0;}
#contentnav a {text-decoration:none; }
#contentnav a:hover {text-decoration:underline; color:#f00;}
#contentnav p {margin:0.5em; }
</style>
</head>
<body>
<!-- Logo -->
<!-- Die Breite des Logos ergibt die feste minimale Breite besser nicht über 900px -->
<div id="header"><h1 class="hide">360*180<br>
Panorama-Fotographie</h1><!--
--><img src="panoramen_vs-Dateien/strand_li.jpg" alt="" border="0" ><!--
--></div>
<!-- Navigation -->
<ul id=mainnav>
<li><a href="http://www.360x180.ch/index.html">Home</a></li>
<li><a href="http://www.360x180.ch/kontakt.html">Kontakt</a></li>
<li><a class="this_page"href="http://www.360x180.ch/panoramen_vs.html">Zu den Panoramen</a></li>
<li><a href="http://www.360x180.ch/equipment.html">Equipment</a></li>
<li><a href="http://www.360x180.ch/software.html">Software</a></li>
<li><a href="http://www.360x180.ch/angebote.html" >Angebote</a></li>
<li><a href="http://www.360x180.ch/referenzen.html" >Referenzen</a></li>
<li><a href="http://www.360x180.ch/links.html"</a></li>
</ul>
<div id="content" >
<!-- Inhalt -->
<h2> Panorama - Kategorien </h2>
<ul id="contentnav">
<li><h3><a href="http://www.360x180.ch/wasser.html">Wasser</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/stadt.html">Stadt</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/land.html">Land</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/fernsicht.html">Fernsicht, Schnee & Berge</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/nachts.html">Nachts</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/architektur.html">Architektur</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/industrie.html">Industrie und PS</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/hilti.html">Hilti</a></h3>
<p>Etwas beschreibender Text</p></li>
<li><h3><a href="http://www.360x180.ch/member/member.html">Member Area</a></h3>
<p>Etwas beschreibender Text</p></li>
</ul>
<!-- ende inhalt-->
</div>
</body>
</html>
Gäbe im Detail noch einiges auszuarbeiten.
mfg Beat