nicht angemeldet
Hi Manu,
die Punkte die Du augezählt hast, sollten sich selbst mit Grundkenntnissen in HTML und CSS lösen lassen, wenn man sich ein paar Stunden zeit und z.B. SelfHTML oder einen erfahrenen Bekannten zu Hilfe nimmt.
Ich kann Dich verstehen aber wenn Dein Editor nicht die Möglichkeit bietet, die gewünschten Änderungen im WYSIWYG-Modus durchzuführen, wirst Du nicht um das Erlernen von HTML und CSS herumkommen.
Wenn Du Dir das nicht vorstellen kannst, mußt Du mit den Schattenseiten von "copy & paste" leben und irgendwelche negativen Layout-Effekte akzeptieren.
Ohne die Zusammenhänge zu kennen, kannst Du kaum etwas selbst anpassen und mußt die Schwachpunkte der Vorlagen akzeptieren.
Webseiten basteln ist eben nicht trivial, auch wenn das viele glauben... Selbst mit einem WYSIWYG-Editor nicht, wenn ganz bestimmte Dinge umgesetzt werden sollen.
Hier eine aufgeräumte, für Menschen leichter verständliche (komplett neu formatierte) Version Deines ursprünglich geposteten Quellcodes inkl. einiger Modifikationen. Dafür habe ich eben gerade mal eine halbe Stunde gebraucht...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<base href="http://service.innter.net/tmp/we/home721/">
<style type="text/css" media="screen">
body {
margin: 0px;
padding: 20px;
font-family: verdana, arial, sunsans-regular, sans-serif;
font-size: 12px;
line-height: 1.5em;
text-align: center;
color: #564b47;
background-color: #e1ddd9;
}
h1 {
margin: 0px;
padding: 5px 15px 5px 15px;
font-size: 11px;
text-align: right;
color: #564b47;
background-color: #00004d;
}
h2 {
margin: 0px;
padding: 10px;
font-size: 14px;
color: #564b47;
}
p {
margin: 0px;
padding: 10px;
}
a {
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a:link { color: #000080; }
a:visited { color: #0000e0; }
a:hover { color: #e00000; }
a:active { color: #e00000; text-decoration: underline; }
a:unknown { color: #00e000; text-decoration: underline; }
pre {
margin: 0px;
padding: 10px;
font-family: courier, monaco, monospace;
font-size: 11px;
color: #564b47;
}
#kopf h1 {
color: #fff;
}
#container {
width: 500px;
margin-left: auto;
margin-right: auto;
border: #00004d 1px solid;
text-align: left;
background-color: #fff;
}
#navi {
width: 110px;
margin: 0px 0px 20px 20px;
border-bottom: #000 1px dotted;
border-left: #000 1px dotted;
float: right;
background-color: #d2e0ff;
}
#navi ul {
list-style-type: none;
margin: 0px;
padding: 10px;
}
#inhalt {
padding: 20px;
min-height: 10em;
}
</style>
</head>
<body>
<div id="container">
<div id="kopf">
<h1>Homepage online seit: 5. Juli 2004</h1>
</div>
<div id="navi">
<ul>
<li><a href="#">Index</a></li>
<li><a href="#">Sonstiges</a></li>
<li><a href="#">Steckbrief</a></li>
<li><a href="#">Über mich</a></li>
<li><a href="#">Wassermann</a></li>
<li><a href="#">Email</a></li>
<li><a href="#">Gästebuch</a></li>
</ul>
</div>
<div id="inhalt">
<p>
Hier kommt der Inhalt rein...
</p>
</div>
</div>
</body>
</html>