Da du Anfänger bist, will ich nicht hart kritisieren aber du hast die Tabelle in einer Tabelle geschrieben aber für ein Menü reicht auch vollkommen eine einzige. Sollte die aber zu einem Zweck sein, den ich nicht sehe, dann nehme ich alles zurück.
Für ein Menü reicht eine einzige Liste. Tabellen sind viel zu unübersichtlich!
- /**
- * Menü-Klasse
- */
- .menu {
- background-color: #CB9785; /* Hintergrundfarbe */
- border: 1px solid #442920; /* Border: Breite in Pixeln, Art und Frabe im Hex-Code oder als englisches Wort, z. B. green */
- border-radius: 5px; /* Runde Ecken */
- list-style: none; /* Verhindern, dasss Listenaufzählungszeichen eingeblendet werden */
- margin: 0; /* Außenabstand 0 */
- -moz-border-radius: 5px; /* Runde Ecken (Firefox) */
- padding: 0; /* Innenabstand 0 */
- width: 20%; /* Breite */
- }
- /**
- * Menü-Überschrift
- */
- .menu .heading {
- background-color: #693F32; /* Hintergrundfarbe */
- font-style: italic; /* Kursive Schrift */
- font-weight: bold; /* Fette Schrift */
- text-align: center; /* Text-Fluss zentriert */
- }
- /**
- * Abgerundete Ecken für das erste <li> mit class="heading"
- */
- .menu .heading:first-child {
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- }
Adrix: Ich hab den ganzen CSS-Code durch kommentiert und ich würde dir einfach raten dich neben HTML auch gründlich mit CSS zu beschäftigen. Es hilft wirklich! Diese HTML-Attribute á la border, bgcolor etc. gehören alle nicht mehr zum Standard. Auch wenn es anfangs schwer ist, wirst du es später auf gar keinen Fall bereuen, dich mit CSS befasst zu haben.
Der CSS-Code kommt entweder im Head-Tag zwischen <style type="text/css"> und </style> oder wird als externe Datei eingebunden: <link rel="stylesheet" type="text/css" href="meine_css_datei.css" />.
Ich möchte dich damit auf keinen Fall schlecht machen, aber ich wollte dir nur zeigen, wie ich es machen würde.
So sieht es doch auch gleich besser aus:
Gruß Slash