So, wollte mich und was ich gemacht habe mal im www präsentieren. Hoffe auf Tipps und Tricks zur Verbesserung.
Habe in dieser Internetseite mit HTML und CSS gearbeitet, Grafiken mit Fireworks erstellt und alles in Frontpage als Web zusammengesetzt.
Leider hab ich Probleme Dateien die größer sind als 2mb auf den Server hochzuladen, sodass ich nur ein paar Maps zum Download anbieten kann.
Wenn Interesse, dann könnt Ihr Euch ja auch die Links zu anderen Internetseiten die ich gemacht habe anschauen.

http://schascha.pytalhost.de/index.htm

Außerdem hier das Web zu meiner Abschlussarbeit in Informatik Klasse 13, was ich zusammen mit Stefan Klein erstellt habe.

http://knuddeltiere.pytalhost.de/

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Anmerkung zur Seite Knuddeltiere: Wenn ich bereits im Internet mit ner BMP als Grafik begrüßt werde, dann habe ich schon keine Lust mehr weiter zu surfen! Das erkenne ich im FF immer daran, daß die Grafik sich von unten nach oben aufbaut und länger braucht. Merke: BMP Formate haben im Webdesign nichts verloren!

Zur ersten Seite: Sieht auf den ersten Blick ganz nett aus, allerdings stört das Blumenteil da im Hintergrund. Viel zu mächtig, solltest du mal eher mehr transparent machen.

Zur Knuddeltierseite: Sieht schon witziger aus. Allerdings konnte ich den 2. Trailer nicht runterladen (404). Auch hier gilt: BMP Grafiken sind nichts für Webseiten!

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Ja danke für die schnelle antwort,
sind bei den knuddeltieren nur die bilder der tiere selber und halt das startbild als bmp, da mich der qualitätsverlust als jpg gestört hatte. mit dem 2. trailer hatte ich das gleiche problem, wie mit den maps in der anderen seite: über 2mb ...
der film ist auch schon fertig von den knuddeltieren, muss mir halt nur noch überlegen, wie ich es hinbekomm den hochzuladen.

So, hab bmp-bilder eben ins jpg-format konvertiert.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Nimm doch einfach PNG, das kann verlustfrei komprimieren, ist sicher kleiner als BMP und wird von nahezu jedem Browser angezeigt.

Ansonsten sind die Seiten optisch eigentlich sehr ansprechend, du solltest allerdings der Übersicht bei mehreren offenen Browsertabs in den Seitentitel noch den Namen des ganzen Projekts einfügen (z.B. "Knuddeltiere - Wallpaper"), evtl. auch dann "Portal" und "Index" einfach weglassen.

Was mir grade noch aufgefallen ist: Wenn bei den Knuddeltieren die Webseite kürzer ist als das Browserfenster hoch, hat man unten nen weißen Balken, der sollte imo auch dunkelgrau sein, das sieht besser aus.

Was immer auch geschieht: Nie sollt Ihr so tief sinken, von dem Kakao, durch den man Euch zieht, auch noch zu trinken! -- Erich Kästner

Bei beiden Seiten fragt man sich wenn man drauf kommt "was ist das hier?" und erhält auch durch wildes klicken der links keine Antwort.

Du solltest darauf achten das die Frage "wo bin ich hier" und "was kann ich hier machen" in den ersten Sekunden des betrachtens geklärt wird. Das gilt auch für die unterlinks. Jeder denkt sich "was sind maps?" klickt natürlich sofort drauf und erhält nur nochmehr verwirrende Informationen.

Ich kann dir nur alistapart.com empfehlen.

also die designs sind ja wirklich recht ansprechend, wobei ich mich auch eisfach anschließen muss, was die aufkommenden fragen angeht.

wenn nur der code noch schön wäre:
http://validator.w3.org/check?uri=http%3A%2F%2Fschascha.pytalhost.de%2F 10 errors
http://validator.w3.org/check?uri=http%3A%2F%2Fknuddeltiere.pytalhost.de%2Fneues.htm 19 errors
http://validator.w3.org/check?uri=http%3A%2F%2Fwellness-lichtpunkt.com%2Fwillkommen.htm 11 errors
http://validator.w3.org/check?uri=http%3A%2F%2Fsuffkopp.pytalhost.de%2F 8 errors

zudem alles mit tabellen gemacht. und mit frontpage. letzteres braucht man wohl kaum noch zu kommentieren.

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

naja, man könnte ja auf der hauptseite noch kurz ein paar erläuterungen zum "warum" schreiben, wobei ich aber der meinung bin, dass es eigentlich einleuchtend ist, dass man unter dem reiter "counter-strike" bzw. "warcraft 3" auch sachen, wie z.b. maps findet.
ja mit frontpage ist das so ne sache, konnte mich noch nicht animieren dreamworks zu installieren. mal schauen, vllt für das nächste web dann.
hu der code ist echt fies, wusste garnicht, dass man sich den so anzeigen lassen kann. okay, mal schauen was sich da machen lässt.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

http://schascha.pytalhost.de/index.htm
das sieht nach allem aus, ausserdem nach dem, was es darstellen soll. da gibt es keinen zusammenhang zw. spielen und dem inhalt der seite.
schlecht sieht das ganze nicht aus, aber eindeutig thema verfehlt.

http://knuddeltiere.pytalhost.de/
ok, das ist knuddelig :)

Zitat:

ja mit frontpage ist das so ne sache, konnte mich noch nicht animieren dreamworks zu installieren. mal schauen, vllt für das nächste web dann.

"selbermachen rockt am meisten :D" - -LeJean-

So, hab mal wieder am Webdesign meiner Internetseite rumgebastelt. Hier das Ergebnis: http://schascha.pytalhost.de

Bin allerdings noch nicht ganz fertig, ein paar Seiten fehlen noch und es müssen hier und da vielleicht noch ein paar Sachen verändert werden.

Die Internetseite komplett per Hand zu schreiben ... puh ... da hab ich erst einmal noch die Finger von gelassen. Hab die Seite komplett über Dreamweaver erstellt und nur an einigen Stellen selbst an bisschen mit SELFHTML und CSS dran rum gefummelt.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Vll sollte oben bei dem Flashmenü noch stehen, wo man hinkommen könnte,
sieht sehr chic aus,
was mich aber zu einer Abwertung führt, ist dass du das mit Dreamweaver erstellt hast.
Ich denke das sollte man immer selber machen

Wer das Schicksal durschauen will, muss es überleben!

oh, ja, dieses design gefällt schon. so schön leicht :-). also die farbwahl ist echt gut, auch wenn ich den text nen tick dunkler machen würde, damit das ganze noch etwas merh Kontrast bekommen (--> leserlichkeit!). ausserdem solltest du _unbedingt_ den zeilenabstand erhöhen, sowohl im menu als auch im content-text. letzterer dürfte auch ein wenig größer sein finde ich.
wieso du allerding das menu doppelt machst ist mir ein rätsel. mal ganz abgesehen davon, dass das bei mir so aussieht:
(klick für groß)
ich würde diese schönen icons einfach als bild mit einbinden. ne navi hast du doch eh schon auf der linken seite. bei den icons kommen wir aber zum nächsten rätsel: warum zur hölle nimmst du das ie-logo als icon für webdesign?? gerade als webdesigner sollte man wissen, das der ie das schlimmste ist, was einem als webdesigner begegnen kann!

und dein design wäre im übrigen der optimale einstieg um mit nem schönen selbstgeschriebenem html + css code azufangen. das ist nämlich schön einfach. (und tatsächlich weniger arbeit als man immer meint, ich sprech da aus erfahrung)

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Da wo das wunderschöne Flashicon bei dir ist, sollte eigentlich eine Flashanimation kommen...

Zum ie-icon, naja, könnte natürlich auch ein Mozillaicon draus machen ;), dachte nur so entsteht ein Wiedererkunngswert für Internetexplorernutzer, da die meistens Leute diesen ja immer noch als Standardbrowser nutzen. Ich selbst nehme auch lieber Mozilla. Aber das Icon kann ich ja noch ändern, wenn ich irgendwo mal ein besseres Bild für Webdesign finde.

Wie ich das hier sehe, haltet Ihr wirklich nicht viel von Frontpage und Dreamweaver :( ... naja, sehe halt gerne beim erstellen einer Website, was ich da genau mache. Versuche aber schon immer mehr selbst zu schreiben.

Was mich reizen würde, wäre die Website über Joomla zu gestalten, da es wirklich belastend ist, dass man jede Seite verändern muss, wenn man z.B. einen Link hinzufügt oder ein Stil ändert usw.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Zitat:

Odin_CS postete
Da wo das wunderschöne Flashicon bei dir ist, sollte eigentlich eine Flashanimation kommen...

Zitat:

...dass man jede Seite verändern muss, wenn man z.B. einen Link hinzufügt oder ein Stil ändert usw.

und das 'wir' keine freunde von dreamweaver und frontpage sind, liegt daran, dass mit ihnen ein haufen schrott produziert und publiziert wird. zumindest was die code-seite betrifft. naürlich kann man auch ohne nen wysiwyg-editor schrott produzieren, aber die fehlerquote wird kleiner, wenn der programmierer wirklich weiss was er da macht.

dein design lässt sich übrigens innerhalb von ner halben stunde mit css und html umsetzen.

***edit***
http://funkwelle.infinite-server.de/odin/
so zum beispiel.
die ränder der boxen sind noch nicht optimal, weil ich dafür die grafiken hätte ändern müssen, das war mir zu anstrengen.
ausserdem fehlen noch kleinigkeiten wie text- und linkfarbe sowie -gestaltung

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Zitat:

Sir_Prize postete
***edit***
http://funkwelle.infinite-server.de/odin/
so zum beispiel.
die ränder der boxen sind noch nicht optimal, weil ich dafür die grafiken hätte ändern müssen, das war mir zu anstrengen.
ausserdem fehlen noch kleinigkeiten wie text- und linkfarbe sowie -gestaltung

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

das freut mich sehr!

die vielen verschachtelungen rühren im übrigen daher, dass für jede box 3 veschiedene hintergrund-grafiken benötigt werden. das ist das einzige was mich an dem quelltext noch stören würde. allerdings kommt man bei aufwänigeren design da nicht drumherum.

ich hab dir mal den ganzen kram (html + css + grafiken) als zip hochgeladen, dann musst du dir nicht die einzelnen sachen alle runterladen ums dir anzugucken.
http://www.kram-hochladen.de/download.php?id=NTk1MjA=

für die analyse hilft es übrigens sehr, bei einzelnen objekten einfach nen roten, grünen oder blauen rahmen drumrum zu machen. also im css code einfügen:
Quellcode:{
  border: 1px solid blue;  // oder green, red, brown etc.
} beim entprechenden element.

alternativ den firebug installieren, der macht das ganze noch komfortabler.
https://addons.mozilla.org/de/firefox/addon/1843
(uneingeschränkte empfehlung)

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Schönen Dank,
hab mich eben auch mal dran versucht, hier das erste Ergebnis:

Und hier der Quelltext:

CSS:

*
{
border: 0px;
padding: 0px;
margin: 0px;
}

body
{
background: #999999;
}

#wrapper
{
width: 800px;
min-height: 100%;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}

#header
{
background: url('header.jpg') no-repeat top left;
height: 200px;
width: 800px;
clear: both;
}

#content_top
{
background: url('content_top.jpg') no-repeat top left;
height: 45px;
width: 800px;
clear: both;
}

#content
{
background: url('content.jpg') top left;
height: 100%
width: 800px;
clear: both;
}

#content_text
{
width: 460px;
margin-left: 260px;
margin-right: 60px;
margin-bottom: 10px;
padding: 10px;
border: 1px dashed #CCCCCC;
}

#content_bottom
{
background: url('content_bottom.jpg') no-repeat top left;
height: 45px;
width: 800px;
clear: both;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>Schascha - Portal</title>
<link rel="stylesheet" type="text/css" href="images/style.css">
</head>

<body>
<div id="wrapper">
<p id="header"> </p>
<p id="content_top"> </p>

<div id="content">
<div id="content_text">
<p>Hallo?!</p>
</div>
<div id="content_text">
<p>Noch ein Kasten</p>
</div>
<br>
</div>

<p id="content_bottom"> </p>
</div>
</body>
</html>

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Das Problem das ich jetzt sehe ist ihm hier zu sagen:

<div id="content">
<div id="content_text">
<p>Hallo?!</p>
</div>
<div id="content_text">
<p>Noch ein Kasten</p>
</div>
<br>
</div>

dass da noch der Kasten mit dem Inhaltsverzeichnis daneben kommt.

---> Uhhh, "float" ist ja was tolles. Hatte es erst versucht absolut zu positionieren, doch da war dann das Problem, dass die Internetseite ja zentriert und nicht linksbündig ist und somit absolute Koordinaten etwas schwierig wären ;)

Bin ja schon fast ein bisschen stolz auf mich *selbst auf die Schulter klopf*.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Noch eine andere Frage: Hab den Quelltext jetzt mit dem Windows Editor geschrieben, gibts da noch eine Alternative dazu, was speziell dafür geeignet ist. Schön wär z.b. eine Zeilennummerierung, sowie im dreamweaver.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

1) du kannst hier auch editieren!
2) http://www.wolosoft.com/de/superedi/ geht ganz gut

"selbermachen rockt am meisten :D" - -LeJean-

huch, doppelpost

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Zitat:

Odin_CS postete
---> Uhhh, "float" ist ja was tolles. Hatte es erst versucht absolut zu positionieren, doch da war dann das Problem, dass die Internetseite ja zentriert und nicht linksbündig ist und somit absolute Koordinaten etwas schwierig wären ;)

absolute positionierung wäre möglich, denn:

Zitat:

absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat.

d.h. #wrapper müsste halt einfach position: relative habe

aber bei deinem design ist das gar nicht notwendig. wenn du hingegen float benutzt, umgehst du vor allem auch eventuelle probleme bei der anpassung am ie (5, 5.5, evtl 6).

2) Unter Windows hab ich jahrelang den kostenlosen Weaverslave benutzt. macht auch (ein bisschen) autovervollständigung

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Wieso postest du 2mal?

Zitat:

Sir_Prize postete
das sieht doch schon nach was aus. ich frage moch nur gerade, ob das nicht alles copy & paste aus meinem code ist... sieht nämlich fast so aus. ich kanns nur nochmal sagen: es ist wirklich wichtig, dass du wirklich weisst, was du tust.

Zitat:

Exec postete
1) du kannst hier auch editieren!
2) http://www.wolosoft.com/de/superedi/ geht ganz gut

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

Hmmm, jetzt komm ich so langsam in's Stocken.

Mozilla:

Internet Explorer:

Quelltext:
CSS:
Quellcode:*
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

body
{
    background: #999999;
}

#wrapper
{
    width: 800px;
    min-height: 100%;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    background: url('header.jpg') no-repeat top left;
    height: 200px;
    width: 800px;
    clear: both;
}

#content_top
{
    background: url('content_top.jpg') no-repeat top left;
    height: 45px;
    width: 800px;
    clear: both;
}

#content
{
    background: url('content.jpg') top left;
    min-height: 400px;
    width: 800px;
    clear: both;
}

#content_text
{
      width: 460px;
    margin-left: 260px;
    margin-right: 60px;
      margin-bottom: 10px;
    padding: 10px;
      border: 1px dashed #CCCCCC;
    font-size: 11px;
    color: #666666;
    font-family: Calibri;
}

#content_bottom
{
    background: url('content_bottom.jpg') no-repeat top left;
    height: 45px;
    width: 800px;
    clear: both;
}

#menu_top
{
    background: url('menu_top.jpg') no-repeat top left;
    height: 32px;
    width: 260px;
    clear: both;
}

#menu
{
    background: url('menu.jpg') top left;
    height: 100%;
    width: 260px;
    clear: both;
}

#menu_bottom
{
    background: url('menu_bottom.jpg') no-repeat top left;
    height: 45px;
    width: 260px;
    clear: both;
}

a.menu_text
{
    font-size:18px;
    color: #666666;
    font-family: Calibri;
    text-decoration:none;    
}    

a.menu_text: hover
{
    font-weight: bold;
}
HTML:
Quellcode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Schascha - Portal</title>
<link rel="stylesheet" type="text/css" href="images/style.css">
</head>
<body>
<div id="wrapper">
  <p id="header"> </p>
  <p id="content_top"> </p>
  <div id="content">
   <div style="width:260px; float:left">
    <!-- Inhaltsverzeichnis -->
    <div id="menu_top"> </div>
    <div id="menu"> </div>
     <div style="width:200px; float:right">
      <tr><a href="index.html" class:="menu_text">Portal</a></tr><br>
      <tr><a href="webdesign.html" class:="menu_text">Webdesign</a></tr><br>
      <tr><a href="mm.html" class:="menu_text">Mapping & Modeling</a></tr><br>
      <tr><a href="downloads.html" class:="menu_text">Downloads</a></tr><br>
      <tr><a href="kontakt.html" class:="menu_text">Kontakt</a></tr><br>
      <tr><a href="impressum.html" class:="menu_text">Impressum</a></tr><br>
     </div>
    <div id="menu_bottom"> </div>
    <!-- Besucherzähler -->
    <div id="menu_top"> </div>
    <div id="menu"> </div>
    <div id="menu_bottom"> </div>
    <!-- Links -->
    <div id="menu_top"> </div>
    <div id="menu"> </div>
    <div id="menu_bottom"> </div>
   </div>
   <!-- Text -->  
   <div id="content_text">
    <p>Hallo?!</p>
   </div>
   <div id="content_text">
    <p>Noch ein Kasten</p>
   </div>
   <br>
  </div>
  <p id="content_bottom"> </p>
</div>
</body>
</html>
Bin irritiert, dass im Inhaltsverzeichnis das Hintergrundbild nicht verlängert wird. Auch ist komisch, dass der fontstil von "a.menu_text" nicht funktioniert ... vermute mal, man muss ihm direkt sagen, dass er Links nicht blau und unterstricken machen soll.

Mal schauen, was sich da noch machen lässt.

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!

wenn du quelltext postest, dann doch bitte in [code]-klammern.

der stil von a.menu_text kann auch nicht funktionieren, wenn du die klasse nicht korrekt definierst.
es heisst class="..." und nicht class:="..."
der validator hilft bei solchen problemen auch (siehe fehler nr. 2, wenn du den hiergeposteten quelltext reinmachst.)

was suchen die <tr> tags da??

mach doch ddas menu als das was es ist: eine liste. also mit ul und li. neben konformität zur w3c spezifikation ist semantik auch sehr wichtig. (textelemente als das auszeichnen, was sie auch sind! d.h. listen als listen (ul oder ol), absätze als <p>, überschriften als <h1>, <h2> usw.)

zum fehler im ie: ich würd erstmal versuchen bei content-top und content-bottom das clear: both wegzumachen. wieso das da steht frag ich ich sowieso... ich kanns aber grad nicht testen, hab keinen ie aufm mac.
guck mal bei selfthtml nach, was die eigentschaft clear: both macht!!

damit das hintergrundbild im menu wiederholt wird, muss du das auch angeben.
{
background: url('images/menu_bg.jpg') repeat-y top left;
}

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Okay ich komm nicht weiter und das ist ganzschön entmutigend.

Mozilla:

Internet Explorer:

Quelltext:

CSS:

Quellcode:*
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

body
{
    background: #999999;
}

#wrapper
{
    width: 800px;
    min-height: 100%;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    background: url('header.jpg') no-repeat top left;
    height: 200px;
    width: 800px;
}

#content_top
{
    background: url('content_top.jpg') no-repeat top left;
    height: 45px;
    width: 800px;
}

#content
{
    background: url('content.jpg') repeat-y top left;
    min-height: 400px;
    width: 800px;
}

.content_text
{
      width: 460px;
    margin-left: 260px;
    margin-right: 60px;
      margin-bottom: 10px;
    padding: 10px;
      border: 1px dashed #CCCCCC;
    font-size: 11px;
    color: #666666;
    font-family: Calibri;
}

#content_bottom
{
    background: url('content_bottom.jpg') no-repeat top left;
    height: 45px;
    width: 800px;
}

.menu_top
{
    background: url('menu_top.jpg') no-repeat top left;
    height: 32px;
    width: 260px;
}

.menu
{
    background: url('menu.jpg') repeat-y top left;
    height: 100%;
    width: 260px;
}

.menu_bottom
{
    background: url('menu_bottom.jpg') no-repeat top left;
    height: 45px;
    width: 260px;
}

ul#menu_text
{
      width: 180px;
    margin-left: 60px;
    margin-right: 20px;
      margin-bottom: 10px;
    font-size: 18px;
    color: #666666;
    font-family: Calibri
}

ul#menu_text li {
    list-style: none;
    border-bottom: 1px solid #CCCCCC;
}    

ul#menu_text a:link
{
    color: #666666;
    text-decoration: none;
}

ul#menu_text a:visited
{
    color: #666666;
    text-decoration: none;
}

ul#menu_text a:hover
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

ul#menu_text a:active
{
    color: #666666;
    text-decoration: none;
} HTML:

Quellcode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Schascha - Portal</title>
<link rel="stylesheet" type="text/css" href="images/style.css">
</head>
<body>
<div id="wrapper">
  <p id="header"> </p>
  <p id="content_top"> </p>
  <div id="content">
   <div style="width:260px; float:left">
    <!-- Inhaltsverzeichnis -->
    <div class="menu_top"> </div>
    <div class="menu"> </div>
     <ul id="menu_text">
      <li><a href="index.html">Portal</a></li>
      <li><a href="webdesign.html">Webdesign</a></li>
      <li><a href="mm.html">Mapping & Modeling</a></li>
      <li><a href="downloads.html">Downloads</a></li>
      <li><a href="kontakt.html">Kontakt</a></li>
      <li><a href="impressum.html">Impressum</a></li>
     </ul>
    <div class="menu_bottom"> </div>
    <!-- Besucherzähler -->
    <div class="menu_top"> </div>
    <div class="menu"> </div>
    <div class="menu_bottom"> </div>
    <!-- Links -->
    <div class="menu_top"> </div>
    <div class="menu"> </div>
    <div class="menu_bottom"> </div>
   </div>
   <!-- Text -->  
   <div class="content_text">
    <p>Hallo?!</p>
   </div>
   <div class="content_text">
    <p>Noch ein Kasten</p>
   </div>
   <br>
  </div>
  <p id="content_bottom"> </p>
</div>
</body>
</html> Hab mal markiert, was mich etwas stutzig macht ;)

http://schascha.pytalhost.de

Weiß der Mapper keinen Rat mehr, dann baut er entweder Kisten oder fragt mal bei "thewall.de" nach!