nicht angemeldet
Lieber Tobi,
schauen wir uns einmal die Basis Deiner Bemühungen an: Dein HTML-Dokument. Wenn das formal stimmt, dann kann man mit CSS auch vernünftig layouten.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="language" content="de">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css">
</head>
Bis hierher sieht es korrekt aus. Schauen wir einmal weiter...
> ~~~html
<body>
> <body bgcolor="#000000">
Wieviele body-Elemente darf ein Dokument haben...? Das gehört zu den <http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=absoluten Basics>, die Du Dir notfalls nocheinmal "reinziehen" solltest, wenn Du Erfolg haben möchtest.
<body bgcolor="#000000">
<hr>
Du wolltest doch CSS zur Gestaltung einsetzen, oder? Warum sehe ich dann dieses eklige und rein für die Darstellung vorhandene bgcolor-Attribut? Den schwarzen Hintergrund wolltest Du doch im CSS-Code regeln, stimmt's? Und horizontale Linien (die haben doch auch nur etwas mit dem Aussehen zu tun, gelle?) regelt man auch mit CSS.
> ~~~html
<center><a href="index.html"><img src="main_mess_counter_strike.jpg" width="600" height="250" alt="Button" border="0"></a></center>
> <hr>
Faustregel: Wer center-Elemente benutzt, hat zuwenig Ahnung von dem, was er da tut, denn wer CSS benutzt, kann unmöglich center-Elemente gebrauchen. Und Dein a-Element steht ohne Sinn ("Semantik"!) einfach so in der Gegend herum. Warum darf es nicht in einem Textabsatz (<p>) oder einer Überschrift (<h1>, <h2>... <h6>) stehen?
Über das border-Attribut des Bildes brauchen wir nicht weiter zu reden - es wird ersatzlos gestrichen!
<div id="navcontainer">
<ul id="navlist">
Im Grunde ist hier eine ID (und ein Element) zuviel. Warum benötigst Du ein div-Element, wenn Dein ul-Element bereits vorhanden ist und auch noch passenderweise eine ID trägt? Das div-Element streichst Du ersatzlos! Es sei denn... Du möchtest mit dem div-Element genau das tun, wofür div-Elemente erfunden wurden, nämlich mehrere (sprich: mehr als eines!) Block-Elemente zu gruppieren, um daraus eine strukturelle Einheit zu machen. Aber ich sehe in Deinem div-Element kein weiteres Element, geschweige denn ein Block-Element. Das wäre höchstens dann gegeben, wenn Du Deiner Navi auch eine passende (Unter-)Überschrift spendierst, damit das Ganze dann so aussieht:
~~~html
<div id="navi">
<h2>Navigation</h2>
<ul>
<li><a href="/">Home</a></li>
...
</ul>
</div>
Wenn eine (Unter-)Überschrift in Deinem div-Element enthalten ist, dann lohnt sich der Einsatz des div-Elements überhaupt erst. Und es genügt dann eine einzige ID, um im CSS-Code sowohl auf die Liste, als auch z.B. auf die Unterüberschrift "zuzugreifen". Der sogenannte "Nachfahrenselektor" <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=hilft Dir> später dabei.
Liebe Grüße,
Felix Riesterer.
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
Gunnar Bittersmann