Anfängerfrage zur Darstellung

    Hallo Leute,

    ich habe gerade von der Seite http://www.zdf.de einen Ausschnitt aus deren Quellcode gemacht.

    Ich möchte eine "ansprechende private" Seite programmieren und das was das ZDF da als Menü hat gefällt mir.

    Ich habe also den Quellcode anzeigen lassen und diesen dann abgespeichert und als html Datei geöffnet.

    Original sieht das ganze so aus:

    [Blockierte Grafik: http://www.krautmann.net/images/bild2.jpg]


    wenn ich den Quellcode in den Editor einfüge und das als index1.html abspeichere kommt allerdings das:

    [Blockierte Grafik: http://www.krautmann.net/images/bild1.jpg]

    Kann mir einer sagen, wie man ein Menü macht, daß genauso aussieht wie im Original, bzw. was eben im Quellcode fehlt, um sowas so darstellen zu können ?


    PS: Wenn man im Original mit der Maus drüberfährt, ändert sich der dunkelgraue Hintergrund in einen Hellgrauen....wie geht so was....bitte nicht auslachen :)


    Danke und Gruß

    wurzl

    Da fehlen sicherlich ein paar Bilder und außerdem hast du wohl das CSS Style nicht übernommen, also weiß dein Browser z.B. gar nicht, in welcher Farbe er die Links darstellen soll.

    Sowas nachmachen? Naja, geht halt Schritt für Schritt vor. Erst baust du dir den äußeren Rahmen z.B. mit einer Tabelle und dem entsprechendem Hintergrund, dann einzelne Überschriften usw.

    Aber um individuelle HTML- und CSS-Anpassung kommst du wohl nicht drumrum. Letzendlich musst du das also selbst programmieren.

    Hallo Leute,

    vielen Dank schon mal für eure Antworten :) das geht ja extrem schnell :)

    Also mit anderen Worten:

    Es geht also nur um Bilder oder ? Eins für die normale Darstellung und ein für "MouseOver" sozusagen oder ?

    Danke und Gruß

    wurzl

    Sieh dir mal dieses Menue an. Mal abgesehen von Farben, Schrift und Kästchenhöhe kommt das deinem Favoriten schon ähnlich.
    Innerhalb des <head> Bereiches deiner Homepage schreibst du

    Code
    <style type="text/css">


    Nach dieser Zeile kopierst du den CSS Code vom Menue rein und dann noch folgende Zeile:

    Code
    </style.css>


    In den HTML-Teil deiner HP kopierst du den HTML-Code und ersetzt die Rauten mit den Zielseiten, also z.B. seite1.html usw.
    Dann im CSS-Teil Farben, Schrift usw. anpassen.
    Den CSS-Code kannst (solltest) du auch in eine externe Datei auslagern, damit du ihn nicht für jede Seite wiederholen musst und Änderungen zentral vornehmen kannst: http://css.fractatulum.net/css_html.htm#a3