Petra: Navigationsleiste ohne Bilder erstellen, wie?

Hallo,

Hilfe! Selbst in Dreamweaver finde ich hierzu keine Antwort. Aber vielleicht kann mir jemand von euch hilfreich zur Seite stehen *lieb zwinker*

Ich finde Erläuterungen hinsichtlich der Erstellung einer Navigationsleiste mit Bildern (mouse in, mouse out, usw). Ich will aber dieses Zeugs nicht. Was ich möchte ist eine Navigationsleiste, die ganz simpel aussieht (z.B. Textlinks am linken Rand untereinander aufgeführt), aber aufgrund von "a:hover" Textfarbe und Hintergrund verändert.

Ja, ich  möchte meine Seiten unter Zuhilfenahme von CSS erstellen, möchte sie aber auch Netscape 4.0 compatibel machen, sofern möglich...

Und wenn an der Navi-leiste ein neuer Link hinzukommt möchte ich nicht alle daran hängenden HTML-Dateien neu uploaden müssen. Geht das? Kann ich z.B. meine Leiste als HTML-Datei erstellen und diese dann als Navi-Leiste in den anderen Dateien an bestimmter Stelle integrieren? Sodass bei einem update einfach diese eine Datei zum Server hochgeladen wird und somit alle daran hängenden Dateien automatisch erneuert sind.

Liebe Grüße

Petra

  1. Hallo,

    Was ich möchte ist eine Navigationsleiste, die ganz simpel aussieht (z.B. Textlinks am linken Rand untereinander aufgeführt), aber aufgrund von "a:hover" Textfarbe und Hintergrund verändert.

    Massenweise Beispiele für solche Navigationsleisten findest du unter
    http://css.maxdesign.com.au/listamatic/

    Ja, ich  möchte meine Seiten unter Zuhilfenahme von CSS erstellen, möchte sie aber auch Netscape 4.0 compatibel machen, sofern möglich...

    Kompatibel wird sie sein. Daß sie so aussieht, wie in modernen Browsern,
    dürfte schwierig bis unmöglich sein.

    Und wenn an der Navi-leiste ein neuer Link hinzukommt möchte ich nicht alle daran hängenden HTML-Dateien neu uploaden müssen. Geht das?

    Dazu muß du dann eine serverseitige Technik wie SSI, PHP, Perl etc. verwenden.

    Gruß, Jan

  2. Hi,

    Was ich möchte ist eine Navigationsleiste, die ganz simpel aussieht (z.B. Textlinks am linken Rand untereinander aufgeführt), aber aufgrund von "a:hover" Textfarbe und Hintergrund verändert.

    Empfehlenswert: http://css.maxdesign.com.au/listamatic/

    auch in Netscape 4.0 compatibel machen, sofern möglich...

    Bei CSS-Menüs und Hintergrund-hover muß NN4.0 garantiert passen, d.h. Funktion: ja, Design: nein. Aber wer erwartet das schon bei einem solchen Steinzeitbrowser? Hauptsache, die Seite ist da noch benutzbar und funktioniert, und das tut sie auch ohne CSS...

    Und wenn an der Navi-leiste ein neuer Link hinzukommt möchte ich nicht alle daran hängenden HTML-Dateien neu uploaden müssen. Geht das?

    Ja, mit serverseitiger Technik oder spez. HTML-Editor-Funktionen (Templates, bzw. Includes). Mit Dreamweaver geht das selbstverständlich ganz gut.

    MfG
    Danny

    1. Ja, mit spez. HTML-Editor-Funktionen (Templates, bzw. Includes). Mit Dreamweaver geht das selbstverständlich ganz gut.

      ...würdest du mir noch bitte das "wie" verraten? ;-)

      Ich habe eben die Option "Einfügen/HTML/Script-Objekte/Server-Side-Include" ausprobiert. Also zuvor meine untereinander aufgeführten Links ("<a href" usw) als html gespeichert und als Server-Side-Include in die Zieldatei integriert.
      In der Zieldatei wurde dann "<!--#include file="navigation.html" --> integriert. In der Voransicht befindet sich aber meine Navi-Leiste NICHT in der Zieldatei.

      Wie kommt das? Muss ich in der "navigation.html" bestimmte tags entfernen oder integrieren? Wenn ja, welche?

      HG

      Petra

      1. Hallo Petra.

        In der Zieldatei wurde dann "<!--#include file="navigation.html" --> integriert. In der Voransicht befindet sich aber meine Navi-Leiste NICHT in der Zieldatei.

        Schätze dich glücklich, dass der DW eine Voransicht von SHTML-Dokumenten ermöglicht. ;)

        Wie kommt das? Muss ich in der "navigation.html" bestimmte tags entfernen oder integrieren? Wenn ja, welche?

        Was du wissen musst, findest du unter dem SelfHTML-Kapitel SSI.

        Gruß, Ashura

        --
        Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
        Try it: Become an Opera Lover in 30 days
        Meine Browser: Opera 7.54 | Firefox 1.0.2 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
      2. Schau mal in Dreamweaver (welche Version überhaupt?) unter dem Stickwort "Vorlagen" oder "Template".

        Server-Side-Includes funktionieren nur in der internen Dreamweaver-Ansicht und auf einem Webserver. Auf Deinem lokalen Rechner - wenn kein Webserver installiert und gestartet ist... - funktioniert das nicht. SSI ist wie der Name schon sagt eine serverseitige Technik und Dein Webspace muß dies auch unterstützen. Wenn das SSI korrekt eingebunden ist, auf Deinem Webspace aber nicht funktioniert, dann ist es höchstwahrscheinlich nicht Bestandteil Deines Hosting-Paketes...

        freundlichen Gruß
        Danny

        --
        Selfcode: fo:) br:& n4:& ie:% mo:) va:| de:] zu:) fl:| ss:) ls:& ls:& js:|
        Motto:    OpenSource - Das Wissen der Menschheit gehört der Welt!
  3. Moinsen,

    Ja, ich  möchte meine Seiten unter Zuhilfenahme von CSS erstellen, möchte sie aber auch Netscape 4.0 compatibel machen, sofern möglich...

    Netscape 4-OPtimierung ist gelinde gesagt nicht einfach... und NS4 ist inzwischen wirklich kaum noch verbreitet. Aber der CSS Ansatz ist gut!

    Hier sind haufenweise Beispiele was man mit CSS bezüglich Menus (und allerlei andere Sachen) machen kann:
    http://www.stunicholls.myby.co.uk/menus/index.html

    Und wenn an der Navi-leiste ein neuer Link hinzukommt möchte ich nicht alle daran hängenden HTML-Dateien neu uploaden müssen. Geht das?

    Das geht nicht mit HTML. Aber mit PHP (include("dateiname.html") oder readfile("dateiname.html")) oder SSI kannst Du eine Datei einbinden, so dass Du die Navigation einmal definierst und dann nur x-fach auf allen Unterseiten einbindest.

    --
    cu,
    Maz
  4. Was ich möchte ist eine Navigationsleiste, die ganz simpel aussieht (z.B. Textlinks am linken Rand untereinander aufgeführt), aber aufgrund von "a:hover" Textfarbe und Hintergrund verändert.

    Ein Besipiel:
    <html>
    <head>
    <title>Easy-CSS-Menü</title>
    <style>
    #navigation2 {
    background:darkblue;
    width:180px;
    }
    #navilist2{
    display:block;
    list-style:none;
    width:146px;
    background:darkblue;
    color:white;
    padding:1px 1px 1px 1px;
    margin:2px 2px 2px 2px;
    font-size:13px;
    font-family:verdana;
    }
    #navilist2 a {
    display:block;
    list-style:none;
    border-width:1px 1px 2px 2px;
    border-color:silver silver gray gray;
    border-style:solid;
    background:#00006b;
    color:white;
    width:100%;
    text-decoration:none;
    padding:1px 1px 1px 10px;
    margin:2px 2px 2px 2px;
    font-size:13px;
    font-family:courier new;
    }
    #navilist2 a:hover {
    display:block;
    list-style:none;
    border-width:2px 2px 1px 1px;
    border-color:gray gray silver silver ;
    border-style:solid;
    background:#00003b;
    color:white;
    width:100%;
    text-decoration:none;
    padding:1px 1px 1px 10px;
    margin:2px 2px 2px 2px;
    font-size:13px;
    font-family:courier new;
    }
    </style>
    </head>

    <body>
    <div id="navigation2">
    <ul id="navilist2">
    <li>Text 1</li>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li>Text 2</li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    </ul></div>
    </body>
    </html>

    Alternativ kannst du auch Generatoren benutzen, davon gib´t im Web genug: z.B: http://www.onlyfree.de/generatormenu.php

    Und wenn an der Navi-leiste ein neuer Link hinzukommt möchte ich nicht alle daran hängenden HTML-Dateien neu uploaden müssen. Geht das? Kann ich z.B. meine Leiste als HTML-Datei erstellen und diese dann als Navi-Leiste in den anderen Dateien an bestimmter Stelle integrieren? Sodass bei einem update einfach diese eine Datei zum Server hochgeladen wird und somit alle daran hängenden Dateien automatisch erneuert sind.

    Ja, das geht z.B.: mit frames, wie es funktioniert, steht hier: http://de.selfhtml.org/html/frames/definieren.htm

  5. Hallo Petra,

    Ja, ich  möchte meine Seiten unter Zuhilfenahme von CSS erstellen, möchte sie aber auch Netscape 4.0 compatibel machen, sofern möglich...

    ich finde list-o-matic ganz prima.

    Und wenn an der Navi-leiste ein neuer Link hinzukommt möchte ich nicht alle daran hängenden HTML-Dateien neu uploaden müssen.
    Kann ich z.B. meine Leiste als HTML-Datei erstellen und diese dann als Navi-Leiste in den anderen Dateien an bestimmter Stelle integrieren?

    Vermutlich bekommst du jetzt viele Hinweise auf Editioren die das können, bzw. SSI oder PHP usw. Das ist zwar nicht falsch, aber mit einem Editor erhälst so nur ein "statisches" Menü. Zumindest der aktuelle Menüpunkt muss in einer Navigation hervorgehoben sein. Das leistet ein Editor meines Wissens nicht. Außerdem sollte ein Link nicht auf sich selbst verlinken. Und das geht dann nur noch mit individuellen Menüs (je Seite) oder dynamisch vom Server erzeugten Menüs.

    Ich bevorzuge daher ein individuelles Menü je Seite. Die Arbeit ist bei einem Update zwar größer ... aber es zeigt sich später sicherlich, dass die Anzahl der tatsächlichen Updates dann doch erheblich von den ursprünglich geplanten abweicht.

    Grüße,

    Jochen

    --
    Heute schon gescribbelt?
    Scribbleboard