hotti: Navigation

Hi,

am Ende einer jeden Seite hab ich die Navigation, z.B.:

(1) Navigation: / Intern / Kalender
(2) Startseite | Impressum | Hauptindex

Wobei:
(1) Verzeichnisfragment als Breadcrumb (Hansel & Gretl Brotkrümel) über dem aktuellen Verzeichnis, in dem sich das gerade aufgerufene Dokument befindet

(2) Dieses Navigationsmenu geht über alle Seiten.

So. Jetzt hab ich Euch das mal so hingehaun. Bitte mal testen und Kritik! Siehe URL ().

Bitte mal Feedback,
Hotte

  1. Bitte mal Feedback,
    Hotte

    Wenn ich mir einen Artikel [anschauen] will, dann schickst du meine Maus auf die Wanderschaft. Da zu erwarten ist, dass die Beschreibungstexte ungleich lang sein werden, irritiert das etwas.

    [anschauen] ist vielleicht auch nicht so angemessen.

    Gesamteindruck ist etwas sehr ähm _datenbänklerisch_ :))

    mfg Beat

    --
    Selber klauen ist schöner!
    1. Bevor ich's vergesse:
      Die Zahnstocher zwischen den Links werden echt vorgelesen ;)))
      Das ist keine so gute Praxis.

      mfg Beat

      --
      Selber klauen ist schöner!
      1. hmm,

        Die Zahnstocher zwischen den Links werden echt vorgelesen ;)))
        Das ist keine so gute Praxis.

        Du meinst die "|" Dinger !?

        Die gefallen mir auch nicht. Hast Du eine schönere Idee?

        Hotte

        1. Die gefallen mir auch nicht. Hast Du eine schönere Idee?

          Eine horizontale Liste und CSS

          mfg Beat

          --
          Selber klauen ist schöner!
          1. hi,

            Die gefallen mir auch nicht. Hast Du eine schönere Idee?

            Eine horizontale Liste und CSS

            Warum muss das eine Liste sein!? Eine Liste innerhalb <p></p> like <p><ul> ist doch sowieso nicht erlaubt.

            Ja, ich will: Meine Navigation innerhalb eines Paragraphen unterbringen, klein stark, unbunt :)

            Und so habe ich mit was einfallen lassen: Eine klitzekleine Grafik, besser gesagt, zwei Grafiken:

            • ein Dreieck als Trenner in der Breadcrumb-Navigation,
            • eine Raute als Trenner in der Globalen Navigation.

            Raute und Dreieck haben dieselbe unaufdringliche Farbe wie der Rahmen um den Navigationsabsatz.

            Wer dagegen etwas hervorzubringen hat, möge es jetzt tun oder für immer schweigen :-)

            Viele Grüße von der Baustelle,
            Horst Haselhun

            1. Hallo,

              Warum muss das eine Liste sein!? Eine Liste innerhalb <p></p> like <p><ul> ist doch sowieso nicht erlaubt.

              Warum muss da ein <p> um die Liste sein? ;-)

              Wer dagegen etwas hervorzubringen hat, möge es jetzt tun oder für immer schweigen :-)

              An den Grafiken ist nichts auszusetzen, aber bitte nicht als <img />, sondern via CSS als Hintergrundbild des Links, weil das Bild kein Inhalt ist. Aber dann könnte man ja gleich eine horizontale Liste nehmen mit eigenem Aufzählungszeichen...

              Gruß

              1. An den Grafiken ist nichts auszusetzen, aber bitte nicht als <img />, sondern via CSS als Hintergrundbild des Links, weil das Bild kein Inhalt ist.

                Er hat auch die Pseudo-Eigenschaft :before zur Wahl

                Aber für die breadcrumbs verfechte ich auch post mortem aus dem Grab eine Liste im list-style-image.

                mfg Beat

                --
                Selber klauen ist schöner!
                1. An den Grafiken ist nichts auszusetzen, aber bitte nicht als <img />, sondern via CSS als Hintergrundbild des Links, weil das Bild kein Inhalt ist.

                  Er hat auch die Pseudo-Eigenschaft :before zur Wahl

                  Aber für die breadcrumbs verfechte ich auch post mortem aus dem Grab eine Liste im list-style-image.

                  mfg Beat

                  Jaaaa, Jaaaa,

                  ich hab Euch gelesen. Danke Euch!!!!

                  Aber heute mach ich nischt mehr ;-)

                  Doch, ja, Eines hab ich gerade am Wickel:

                  Das Einfügen des aktuellen Datum in eine HTML-Seite. Kein Thema. Aber wie sieht das bei einem Script aus?

                  Hier meine Solution unter der Voraussetzung, dass das Script eine Library benutzt, steht in der Library:

                    
                   # Das Datum eines Scripts ermitteln, $0  
                   my $mtime = (stat($0))[9];  
                   my ($tag, $monat, $jahr) = ((localtime($mtime))[3], (localtime($mtime))[4], (localtime($mtime))[5]);  
                   $monat++;  
                   $jahr += 1900;  
                    
                   my $aktuell = ( ($0 =~ /cgi$/) && ($ENV{SCRIPT_NAME} ne '/cgi-bin/linkbase.cgi')) ? sprintf("<p>Script aktualisiert am %02d.%02d.%04d</p>", $tag, $monat, $jahr) : '';  
                    
                   return qq(  
                    $aktuell  
                    <p class="gerahmt">  
                     Navigation: $breadcrumb $dir<br>  
                     $menu  
                    </p>  
                    </body>  
                    </html>  
                   );  
                  }  
                  
                  

                  Hotte

                  1. Jaaaa, Jaaaa,
                    ich hab Euch gelesen. Danke Euch!!!!
                    Aber heute mach ich nischt mehr ;-)
                    Doch, ja, Eines hab ich gerade am Wickel:

                    Das Einfügen des aktuellen Datum in eine HTML-Seite. Kein Thema. Aber wie sieht das bei einem Script aus?

                    Hier meine Solution unter der Voraussetzung, dass das Script eine Library benutzt, steht in der Library:

                    ...

                    Nö:
                    Aktualisierung des Inhalts hat nichts zu tun mit dem Datum des letzten Uploads. Solche Daten interessieren den Leser in der Regel nicht.

                    Ausgraben macht eine Leiche nicht frischer.

                    Da musst du schon den RRRCDAU Standard definieren und in deinen Files implementieren, so dass du mit einer Methode diese Files danach erkunden kannst.

                    [1] RRRCDAU = RolfRostRealContentDateAndUpdate

                    mfg Beat

                    --
                    Selber klauen ist schöner!
                    1. Jaaaa, Jaaaa,
                      ich hab Euch gelesen. Danke Euch!!!!
                      Aber heute mach ich nischt mehr ;-)
                      Doch, ja, Eines hab ich gerade am Wickel:

                      Das Einfügen des aktuellen Datum in eine HTML-Seite. Kein Thema. Aber wie sieht das bei einem Script aus?

                      Hier meine Solution unter der Voraussetzung, dass das Script eine Library benutzt, steht in der Library:

                      ...

                      Nö:
                      Aktualisierung des Inhalts hat nichts zu tun mit dem Datum des letzten Uploads. Solche Daten interessieren den Leser in der Regel nicht.

                      Hehe;)

                      Seisogut und guckmal genauer hin:

                      • $0 ist das Script
                      • mtime bezieht sich auf $0, as last modified time

                      Also nix mit Datum des letzen Uploads.

                      Beat, also weischd. Du ich denke, Du bist ne Frau named Beate, naja egal. Wir machen jetzt ne Pause und streiten nächste Woche weiter :)

                      Viele Grüße,
                      Horst Haselhuhn

                      1. Aktualisierung des Inhalts hat nichts zu tun mit dem Datum des letzten Uploads. Solche Daten interessieren den Leser in der Regel nicht.

                        Hehe;)

                        Seisogut und guckmal genauer hin:

                        • $0 ist das Script
                        • mtime bezieht sich auf $0, as last modified time

                        Also nix mit Datum des letzen Uploads.

                        Beat, also weischd. Du ich denke, Du bist ne Frau named Beate, naja egal. Wir machen jetzt ne Pause und streiten nächste Woche weiter :)

                        Keule [1] oder Walholz [2] ?

                        Seit wann hat das Datum einer Scriptversion etwas mit Control S zu tun?

                        Mein Versionen-Log ist an die Bearbeitung des Skriptes gebunden, nicht an die Anpassung eines Parameters im Script für die entsprechende Server-Version oder ein versehentliches Ctrl S.
                        In meinem Verfahren kann ich ein Hotfix am gleichen Tag machen, was in der Scriptversion zum Ausdruck kommt. Ein solcher Fall ist bei dir nicht vorgesehen.

                        Abgesehen davon kann es mir so egal sein, ob die involvierten Dateisysteme mich bescheissen oder nicht. Ist FTP im Spiel, ist das unter Umständen auch eine Einstellungssache [3], die gerne mal vergessen geht [4].

                        [1] Präventiv-Gorilla
                        [2] Hysterische Schlammschleuder
                        [3] Filezilla verändert per Default das Last Modified.
                        [4] Tägliche Übung kann dem vorbeugen.

                        PS:

                        • $0 ist das Script

                        $0 ist, was immer zum Zeitpunkt der Abfrage da drin ist.

                        mfg Beat

                        --
                        Selber klauen ist schöner!
        2. hi,

          Du meinst die "|" Dinger !?
          Die gefallen mir auch nicht. Hast Du eine schönere Idee?

          Meinst du mich?
          Klar!
          Die "|" sind finde ich in Ordnung, nur die einbindung direkt ins HTML ist murks.

          Schöner geht es mit  CSS, um genauer zu sein - content before, und mittels first child dem ersten li[kind] denn Trennstrich wieder entziehen.

          Da es nur dem aussehen dient finde ich kann man dann auch ruhigen Gewissens damit leben, das IE 6 und kleiner diese verschönerung nicht mit bekommen.

          grüße

          1. Hallo.

            Schöner geht es mit  CSS, um genauer zu sein - content before, und mittels first child dem ersten li[kind] denn Trennstrich wieder entziehen.

            Noch schöner ist die Variante, sie überhaupt erst ab dem zweiten Listenpunkt damit auszustatten: li + li:before {content: "|";}
            MfG, at

            1. hi,

              Noch schöner ist die Variante, sie überhaupt erst ab dem zweiten Listenpunkt damit auszustatten: li + li:before {content: "|";}

              Das ist ja mal was feines, den kannte ich nicht, das hab ich erstmal gespeichert.

              Hast du das aus selfhtml?

              grüße

              --
              I have a Dream...
              Bugs erzeugen gegenbugs.
              Wir müssen Bugs mit Bugs bekämpfen!
              1. Hallo.

                Das ist ja mal was feines, den kannte ich nicht, das hab ich erstmal gespeichert.

                Dass der IE6 nichts mit diesem Selektor anfangen kann, macht in diesem Fall ja auch nichts, da er ja auch das Pseudoelement nicht kennt. Und der IE7 versteht zumindest Zuweisungen wie beispielsweise: p + p {text-indent: 1.5em;}

                Hast du das aus selfhtml?

                Der Selektor wird zwar in SelfHTML genannt, aber damit das erste Vorkommen eines Elementes außen vor zu lassen, ist mir irgendwann einmal selbst eingefallen. Die Problemstellung dürfte auch entweder eine Navigation wie in diesem Fall oder der oben genannte Einzug für Folgeabsätze gewesen sein. Allerdings dürfte ich damit kaum der Erfinder dieser Methode gewesen sein.
                MfG, at

                1. hi,

                  Dass der IE6 nichts mit diesem Selektor anfangen kann, macht in diesem Fall ja auch nichts, da er ja auch das Pseudoelement nicht kennt. Und der IE7 versteht zumindest Zuweisungen wie beispielsweise: p + p {text-indent: 1.5em;}

                  Achja, der Nachbar-Selektor, den kannte ich aber in der Kombination wie du es aufgeführt hast hab ich den nicht wieder erkannt.
                  Eine gute Idee, hab auch direkt einen Platz gefunden, wo ich es diskret einbauen konnte.

                  Der Selektor wird zwar in SelfHTML genannt, aber damit das erste Vorkommen eines Elementes außen vor zu lassen, ist mir irgendwann einmal selbst eingefallen. Die Problemstellung dürfte auch entweder eine Navigation wie in diesem Fall oder der oben genannte Einzug für Folgeabsätze gewesen sein. Allerdings dürfte ich damit kaum der Erfinder dieser Methode gewesen sein.

                  Aber eine schöne Kombi daraus gemacht, dass(sic!) schafft Raum für neue Ideen, zumindest bei mir.

                  grüße

                  --
                  I have a Dream...
                  Bugs erzeugen gegenbugs.
                  Wir müssen Bugs mit Bugs bekämpfen!
                  1. Hallo.

                    Aber eine schöne Kombi daraus gemacht, dass(sic!) schafft Raum für neue Ideen, zumindest bei mir.

                    Nein! Wer oder was schafft Raum? -- Das [sic!].
                    MfG, at

    2. hi Beat,

      Gesamteindruck ist etwas sehr ähm _datenbänklerisch_ :))

      das verstehe ich nun überhaupt nicht. Bisher hängt nur eine einzige Tabelle an einer Anwendung, das ist die Tabelle mit den Mondphasen von 1700 - 2199, zu finden hier:

      http://www.maa.clell.de/StarDate/moonphases.html

      Die Seiten lassen sich sehr gut parsen, Script untenstehend :)

      Viele Grüße,
      Hotte

      Datenbank für Mondphasen gefällig?

      So etwa:
      mysql> select count(julianday) from moon;
      +------------------+
      | count(julianday) |
      +------------------+
      |            24740 |
      +------------------+
      1 row in set (0.00 sec)

      mysql> describe moon;
      +-----------+--------------+------+-----+---------+-------+
      | Field     | Type         | Null | Key | Default | Extra |
      +-----------+--------------+------+-----+---------+-------+
      | julianday | int(11)      |      | PRI | 0       |       |
      | hour      | int(11)      |      |     | 0       |       |
      | minute    | int(11)      |      |     | 0       |       |
      | phase     | varchar(100) |      |     |         |       |
      +-----------+--------------+------+-----+---------+-------+
      4 rows in set (0.03 sec)

        
      # möglich sind die Jahre 1700 bis 2199  
      for(my $i = 1700; $i < 2200; $i++){  
       #print "$i\n";  
       #mirror("http://www.maa.clell.de/StarDate/moon$i.txt", "$dir/$i.txt");  
       my $doc = get "http://www.maa.clell.de/StarDate/moon$i.txt";  
       my @doc = split /\n/, $doc;  
       foreach my $line(@doc){  
        if( $line =~ /\./){  
         # parse words  
         my @words = split /\s+/, $line;  
         my $phase =  "$words[1]";  
         $words[9] =~ /(\d+)h/;  
         my $hour = $1;  
         $words[10] =~ /(\d+)m/;  
         my $minute = $1;  
         my ($day,$month,$year) = split(/-/, $words[6]);  
         my $jd = julianday($day,$month,$year);  
         #print "$phase $hour $minute $jd\n";  
         $sth->execute($jd, $hour, $minute, $phase);  
        }  
       }  
      }  
        
        
      
      
  2. Hallo hotti!

    Bitte mal Feedback,

    Du warst mal besser ;)

    Viele Grüße aus Frankfurt/Main,
    Patrick

    --

    _ - jenseits vom delirium - _
    [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
    Nichts ist unmöglich? Doch!
    Heute schon gegökt?
    1. hi Patti, (sorry)

      Bitte mal Feedback,

      Du warst mal besser ;)

      nee, Du meinst nicht das hässliche "Dingens-Menu" am Kopf einer jeden Seite!?

      z.B.: Index | Map | Sonstwas | Frankreich | Tagesshow

      Nein, das ist nicht gut, es zerstört ein HTML-Dokument, denke ich. Am Ende einer HTML-Seite mag das gehen, aber nicht am Anfang.

      Genau sowas hatte ich bisher und ich denke das ist schlecht: Zwischen dem Title einer Seite und dem ersten Textabsatz muss es einen fließenden Übergang geben.

      Ein HTML-Dokument beginnt mit:

      h1-Headline

      p-Paragraph.... etc.
      so meine neuesten Ideen...

      Viele Grüße,
      Horst Haselhuhn

      1. Hallo hotti!

        nee, Du meinst nicht das hässliche "Dingens-Menu" am Kopf einer jeden Seite!?

        Du wirst immer minimalistischer. Muss nicht jeder gut finden. Aber die Infos sind OK (Turgunska). Auch wenn ich da lieber Wikipedia oder Spiegel.de traue.

        Ein HTML-Dokument beginnt mit:

        h1-Headline

        Nein, ein HTML-Dokument beginnt mit einer Doctype-Deklaration. Aber OK, Deine Sicht der Dinge... ich bin höchstens der Meinung, dass wenn Überschriften, die erste h1 sein muss, aber ob vorher vielleicht ein Logo kommt oder der Hinweis, dass meine Oma letztens 109 Jahre alt geworden wäre...

        ich hab Euch gelesen.

        De Gaulle meinte einmal: »Je vous ai compris!« (Ich habe Euch verstanden). Das Problem war aber, dass niemand verstanden hatte, was oder wen er da verstanden hatte.

        Viele Grüße aus Frankfurt/Main,
        Patrick

        --

        _ - jenseits vom delirium - _
        [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
        Nichts ist unmöglich? Doch!
        Heute schon gegökt?
  3. Hallo.

    Bitte mal testen und Kritik!

    • Funktioniert technisch korrekt.
    • Der Code ist semantisch zumindest fragwürdig.
    • Die Trenner sind farblich sehr dezent und typographisch sehr klobig.
    • Der Rahmen ist so dezent, dass man leider tatsächlich irgendetwas dranschreiben muss, damit man die Navigation nicht für einen Teil des Inhaltes hält.
    • "Navigation:" ist sicher der falsche Text für eine Breadcrumb-Navigation.
    • Ein Abstand oder eine Trennlinie zwischen den beiden Zeilen täte gut.
    • "Startseite" und "Hauptindex" werden landläufig synonym verwendet, führen hier aber auf unterschiedliche Seiten.
      MfG, at