Jou Christian
Ich hatte keine größeren Probleme, ehrlich gesagt.. lediglich bei CSS musste ich ein wenig nachschlagen.
Ja, das scheint weniger deine Welt zu sein. ;-)
Vor ein paar Tagen stolperte ich hier im Forum über einen Occuris-Link. Euer Angebot ist durchaus „merkwürdig“, eure Webseite weniger. Es ist zwar gar nicht so unpassend, eine reine (und damit schnelle) Textseite zu präsentieren. Aber so einfach? Das wirkt schon fast etwas unseriös. Da müsste man doch ...
... und das habe ich mir einmal erlaubt zu tun. Normalerweise sind meine Entwürfe eher „grafiklastig“. Nun fand ich es reizvoll, eine Seite ohne eine einzige Grafik in eine typografische Form zu bringen. Das Ergebnis finde ich zum Löschen zu schade. Wenn du also möchtest - du darfst den Entwurf verwenden. Geschenkt. Aber bitte korrekturlesen. Ich habe auch im Text kleine Änderungen gemacht (€-Zeichen, feste Leerzeichen u.ä.).
(Getestet auf WinXP mit IE5-6, NN7, Opera8 und FF; auf Linux mit Konqueror und Opera 7.54)
Ciao, Bogardo
PS: Außerden hatte ich Lust, hier im Forum mal etwas „Gescheites“ zu schreiben. ;-)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Occuris Webhosting - Hosting, Webspace, Dedizierte Server, Domain Name Service</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css"><!--
html {
color: #000;
background-color: #fff;
margin: 0;
padding: 0 }
body {
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0 }
#container {
font-size: 0.8em;
line-height: 1.5em;
text-align: left;
visibility: visible;
margin: 0 auto;
padding: 2em 0;
width: 82% }
#links {
margin: 0;
padding: 0;
width: 60%;
float: left }
#rechts {
margin: 0;
padding: 0;
width: 30%;
float: right }
#unten {
margin: 0;
padding: 0;
width: 100%;
clear: both }
h1 {
font-size: 4.4em;
font-family: "Courier New", Courier, Monaco, monospace;
letter-spacing: 2px;
margin: 0;
padding: 0.4em 0;
border-bottom: 3px solid #999 }
.webhosting {
color: #96aa00;
font-size: 0.5em }
h1, h3 {
color: #036 }
h2 {
color: #fff;
font-size: 1em;
background-color: #b4c850;
margin: 3em 0 0.5em;
padding: 0 0.2em 0.1em 1em;
border: solid 1px #036 }
h3 {
font-size: 1.6em;
font-weight: bold;
margin: 0 0 0 0.6em;
padding-top: 1em }
#rechts h3 {
font-size: 1em;
font-weight: bold;
margin: 0 0 1em 1em }
h6 {
color: #fff;
font-size: 0.8em;
font-weight: normal;
background-color: #b4c850;
margin: 2em 0 0;
padding: 0 0 0.1em 1em;
border: solid 1px #036 }
th, td {
background-color: #fff;
margin: 0;
padding: 0.2em 0.5em;
border: solid 1px #ccc }
table {
margin: 1.5em 1em 1em;
border-style: dotted;
border-width: 1px 4px;
border-color: #ccc }
table p {
margin: 0;
padding: 0 }
ul {
color: #333;
list-style-type: circle;
margin: 0 0 0 3.5em;
padding: 0 }
p {
color: #333;
font-size: 1em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em }
a {
color: #96aa00;
font-weight: bold;
text-decoration: underline }
a:link {
text-decoration: underline }
a:hover {
text-decoration: none }
address {
font-style: normal;
margin-top: 1.5em;
margin-left: 1em }
--></style>
</head>
<body>
<div id="container">
<h1>Occuris<span class="webhosting"> Webhosting</span></h1>
<div id="rechts">
<h2>Kontakt</h2>
<address>Occuris Webhosting<br />
Christian Kruse & Jan Rieger GbR<br />
Ostlandstrasse 38<br />
D-78315 Radolfzell am Bodensee<br />
E-Mail: <a href="mailto:hostmaster@occuris.de">hostmaster@occuris.de</a></address>
<h2>Links</h2>
<h3>Für unsere Kunden</h3>
<ul>
<li><a href="https://dbadmin.occuris.de/phpmyadmin/">phpMyAdmin</a></li>
<li><a href="https://postfixadmin.occuris.de/">PostfixAdmin</a></li>
<li><a href="https://webmail.occuris.de/">Webmail</a></li>
</ul>
<h3>Sonstiges</h3>
<ul>
<li><a href="http://selfhtml.occuris.de/">SELFHTML Mirror</a></li>
<li><a href="http://aktuell.de.selfhtml.org/cgi-bin/selfdown/download.pl?url=http%3A%2F%2Fselfhtml.occuris.de%2Fdownload%2Fselfhtml81.zip">SELFHTML Download</a></li>
</ul>
</div>
<div id="links">
<h2>Angebote</h2>
<h3>Webspace</h3>
<table summary="Webspace">
<thead>
<tr>
<th>Speicherplatz</th>
<th>Traffic</th>
<th>DE-Domains inkl.</th>
<th>Preis / Monat</th>
</tr>
</thead>
<tbody>
<tr style="text-align:right;">
<td>25 MB</td>
<td>1 GB</td>
<td>1</td>
<td>2,50 €</td>
</tr>
<tr style="text-align:right;">
<td>100 MB</td>
<td>2 GB</td>
<td>2</td>
<td>5,00 €</td>
</tr>
<tr style="text-align:right;">
<td>200 MB</td>
<td>5 GB</td>
<td>3</td>
<td>8,00 €</td>
</tr>
<tr style="text-align:right;">
<td>500 MB</td>
<td>5 GB</td>
<td>3</td>
<td>11,00 €</td>
</tr>
<tr style="text-align:right;">
<td>1000 MB</td>
<td>10 GB</td>
<td>7</td>
<td>16,00 €</td>
</tr>
</tbody>
</table>
<p>Alle Angebote enthalten:</p>
<ul>
<li>SSH-Zugang</li>
<li>unbegrenzt Subdomains</li>
<li>MySQL-Datenbank</li>
<li>PHP, Perl</li>
<li>unbegrenzt POP3/IMAP-Postfächer</li>
<li>unbegrenzt Mail-Aliase</li>
<li>ausführliche Zugriffs-Statistiken</li>
</ul>
<p>Für alle Angebote gilt:</p>
<ul>
<li>Vertragslaufzeit: 3 Monate</li>
<li>Kündigungsfrist: 4 Wochen zum Ende der Vertragslaufzeit</li>
</ul>
</div>
<div id="unten">
<h3>Dedizierte Server</h3>
<p>Server managed by Occuris oder voller Root-Zugriff</p>
<table summary="Dedizierte Server">
<thead>
<tr>
<th>Ausstattung</th>
<th>Betriebssystem</th>
<th>Traffic</th>
<th>Preis / Monat</th>
<th>Einrichtungs-Gebühr</th>
</tr>
</thead>
<tbody>
<tr>
<td>Celeron<br/>
2.400 MHz,<br />
512 MB RAM,<br />
60 GB Festplatte</td>
<td>wahlweise Linux oder FreeBSD,<br />
Partitionierung nach Absprache</td>
<td>200 GB</td>
<td style="text-align:right;">59,00 €</td>
<td style="text-align:right;">
<p><small>Bei 6 Monaten Laufzeit:</small></p>
<p>Keine</p>
<p><small>Bei 1 Monat:</small></p>
<p>49,00 €</p>
</td>
</tr>
</tbody>
</table>
<p><small>Jedes weitere Gigabyte Traffic kostet 0,90 Euro. Eine DE-Domain kostet 9,00 Euro pro Jahr, eine COM-/NET-/ORG-Domain 15,00 Euro pro Jahr und eine BIZ-/INFO-Domain 24,00 Euro pro Jahr.</small></p>
<h6>© Copyright 2005 – Occuris Webhosting</h6>
</div>
</div>
</body>
</html>