hallo,
hier ist nur der code von der Statischen Version, mit der ich daheim arbeite. Mit der geht es, aber heute morgen auf der Arbeit ging es leider nicht. Wie gesagt, weil ich noch was mit tooltips-hover hinzugefügt habe.
HTML-Code:
<?xml version="1.0" encoding="utf-8" ?>
<!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" xml:lang="en" lang="en">
<head>
<title> - Startseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="templates/eberhard/css/zentral.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<script src="js/minmax.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 7]>
<link href="templates/eberhard/css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>
<body> <div class="page_margins">
<div id="header">
<div class="subcolumns">
<div id="topnav">
<form action="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=article&submodule=search" method="post">
<div>
<input name="searchvalue" type="text" value="Suchbegriff" />
<input type="submit" name="sent" value="Schnellsuche" class="btn"/>
</div>
</form>
</div>
<div class="clearfix">
<div class="c33l" style="width: 400px;">
<img src="http://xhtmlforum.de/images/eberhard/banner.png" alt="Eberhard" />
</div>
<div class="c33l angemeldet clearfix">
<ul style="list-style-type: none; float: left; margin-right: 15px;">
<li>Kundenname: Radomski, Stefan</li>
<li>Kundennummer: 100500</li>
<li>Profilname: Administrator</li>
<li style="margin-top: 6px;"><a style="padding: 3px; border: 1px solid black;" href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=logout" class="text_color_white btn">abmelden</a></li>
</ul>
<ul style="list-style-type: none;">
<li>Positionen: 20</li>
<li>Warenwert: 13.545,01€</li>
<li style="margin-top: 6px;"><a style="padding: 3px; border: 1px solid black; height: 20px;" href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=kunde&submodule=warenkorb&action=order&id=35" class="text_color_white btn">Warenkorb</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- kein schliessendes Tag fuer div class="page_margins" das kommt im footer -->
<ul id="navmenu">
<li>
<a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Startseite</a>
</li>
<li>
<span>Artikelsuche</span>
<ul class="menu_sub_list">
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=article&submodule=search">Schnellsuche</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=article&submodule=aktionen">Aktionen</a></li>
</ul>
</li>
<li>
<span>Bestellung</span>
<ul class="menu_sub_list">
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Warenkorb</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Schnellerfassung</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Import</a></li>
</ul>
</li>
<li>
<span>Abfragen</span>
<ul class="menu_sub_list">
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=abfrage&submodule=auftrag">Aufträge</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=abfrage&submodule=angebot">Angebote</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=abfrage&submodule=rueckstand">Rückstände</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=abfrage&submodule=rechnung&type=open">Rechnungen</a></li>
</ul>
</li>
<li>
<span>Service</span>
<ul class="menu_sub_list">
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=service&submodule=datanormanfordern">Datanorm anfordern</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=service&submodule=datanormabholen">Datanorm abholen</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Schnittstellen</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Etikettendruck</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Benutzerverwaltung</a></li>
</ul>
</li>
<li>
<span>Kundenservice</span>
<ul class="menu_sub_list">
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=kunde">Einstellungen</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=kunde&submodule=warenkorb">Warenkorb</a></li>
</ul>
</li>
<li>
<span>Aktuelles</span>
<ul class="menu_sub_list">
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Aktuelles</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1&module=test">AGB</a></li>
<li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1">Impressum</a></li>
</ul>
</li>
</ul>
<h3></h3>
<div id="main">
<div class="subcolumns">
<div class="subcl">
<h2>Willkommen im neuen Kibes!</h2>
<img style="float: left; margin: 5px;" src="http://xhtmlforum.de/images/eberhard/indus.jpg" alt="bild" />
<p>
Hier werden sie im Laufe der Zeit die Entstehung des neuen Kibes verfolgen koennen. Damit sie auch immer etwas zu sehen haben, bitte ich sie zu entschuldigungen, dass wir sie nicht direkt auf unsere Entwicklungsplattform lassen koennen, weil sie da mehr Fehlermeldungen als tolle neue Features beobachten koennen.
</p>
<div class="clearfix" style="float: none; clear: both;"></div>
<hr />
<!--<h4>Titel</h4>
<h6>datum</h6>
<p></p>
<h5>ihr Kibesteam</h5>
<hr />-->
<h4>Auftrags- und Rechnungspositionen</h4>
<h6>07.05.2009</h6>
<p>Ab heute ist es möglich, sich zu Rechnungen und Aufträgen die Positionen anzeigen zu lassen. Von dort aus kommt man noch weiter zu den jeweiligen Artikelinformationen.</p>
<p>Eine leiste mit dem Verlauf soll später noch hinzukommen, um die Navigation zu vereinfachen.</p>
<p>Die Artikelinformationen werden gerade überarbeitet, also nicht wundern, wenn sie anders aussehen als vorher.</p>
<h5>ihr Kibesteam</h5>
<hr />
<h4>Kompatibilität der Browser</h4>
<h6>geschrieben am 05.05.2009</h6>
<p>
Wie sie bestimmt herausgefunden haben, sieht das Kibes momentan mit dem Internet Explorer 5.5, 6 und 7 einfach nur doof aus. Mit der Version 8 dagegen sieht es wieder ansehnlich aus. Woher kommt das und warum ist das noch nicht behoben?</p>
<p>Ja, wir werden das noch beheben und nein, das ist nicht ganz so einfach wie es klingt. Im Internet gibt es Standards für die Darstellung von Webseiten. HTML4, XHTML und weitere. Diese werden durch den Firefox, Opera, Chrome und Safari auch eingehalten und erleichtern damit ungemein das entwickeln von Webseiten. Ohne viel Aufwand haben wir es geschafft 4 total unterschiedliche Browser zu unterstüzen, nur weil wir einen Standard eingehalten haben.
</p>
<p>Der Internet Explorer hingegen hält diese Standards erst mit der kommenden Version 8 ein. Es müssen also Kommandos für den Internet Explorer hinzugefügt werden. Es ist jedoch nicht so ganz einfach diese bugfixes einzuspielen, da das Verhalten des Internet Explorers nicht dokumentiert ist und sich die einzelnen Versionen zu dem auch noch unterschiedlich Verhalten.</p>
<p>Wir arbeiten daran, allerdings kann das noch ein bischen Zeit in Anspruch nehmen. Wir können wir sie nur um Geduld bitten.</p>
<h5>ihr Kibesteam</h5>
</div>
</div>
<!--
<div class="subcolumns">
<div class="c33l">
<div class="subcl">
<h6>Example Navigation </h6>
<ul>
<li><a href="../index.html">Table Of Contents</a></li>
<li><a href="equal_height_boxes.html">Next Example</a></li>
<li><a href="flexible_grids.html">Previous Example</a> </li>
</ul>
</div>
</div>
<div class="c33l">
<div class="subc mitte">
<h6>And another box </h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat laboris nisi ut aliquip.</p>
</div>
</div>
<div class="c33r">
<div class="subcr">
<h6>This box is aligned with the sidebar </h6>
<p>Lorem ipsum quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
</div>
</div>
</div>
<div class="subcolumns">
<div class="c50l">
<div class="subcl">
<h6>This is a nested column</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="c50r">
<div class="subcr">
<h6>This is another nested column </h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
</div>
--> </div>
<div id="debug">
<div id="header2">Debug-Meldungen</div>
<div class="display_table_row">
<div class="display_table_cell">0:</div>
<div class="display_table_cell">DB-Link: database/dataxml?debug=1&kdnr=100500&pass=c48d037f140d4e940a1e0a53183067b0&manr=2&module=login</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">1:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=kundeninfo</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">2:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueleiste</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">3:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueeintraege&menueid=ARTIKELSUCHE</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">4:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueeintraege&menueid=BESTELLUNG</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">5:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueeintraege&menueid=ABFRAGEN</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">6:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueeintraege&menueid=SERVICE</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">7:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueeintraege&menueid=KUNDE</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">8:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=login&submodule=getmenueeintraege&menueid=AKTUELLES</div>
</div>
<div class="display_table_row">
<div class="display_table_cell">9:</div>
<div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&debug=1&module=kunde&submodule=warenkorbinhalt&aktion=get</div>
</div>
</div> <div id="footer">
<!--<form action="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&debug=1" method="post">
<div>
<select name="template" size="1">
<option value="modern">Variante 1</option>
<option selected="selected" value="eberhard">default</option>
</select>
<select name="language" size="1">
<option selected="selected" value="de">deutsch</option>
<option value="en">english</option>
</select>
<input type="submit" value="Los" />
</div>
</form>-->
</div>
</div>
</body>
</html>