Newbee: Textnavigation. Bitte um Hilfe

Hallo Liebe Helfer,

habe ein kleines Problem mit einer HTML-Website dieich gerade bastel.
Folgendes, ich habe ein reines, horizontales Textmenue mit nur einer Navigationsebene.
Wie ihr seht, befindet sich vor jedem Link eine eckige Klammer. Bei der aktiven Seite, also der Seite auf der ich mich gerade befinde, soll ein viereck darin erscheinen...Quasi So, nur, dass das Viereck ausgefüllt sein soll:

[] Home    [ ]About us    [ ] Produkte .......
[ ] Home    []About us    [ ] Produkte

Wie bekomme ich das hin? Habe nach fertigen Javascripts gesucht, aber nicht wirklich etwas
brauchbares gefunden...habe allerdings auch nur bescheidenen Fähigkeiten....

Wäre für rasche Hilfe echt dankbar.

Vielen Dank

  1. Ich meine natürlich wie bekomme ich die Navigation hin, und nicht wie ich das Viereck ausfülle :-)

  2. Hi,

    Bei der aktiven Seite, also der Seite auf der ich mich gerade befinde, soll ein viereck darin erscheinen...

    Dann schreibe es in den Code dieses HTML-Dokumentes an der passenden Stelle hinein.

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
  3. Om nah hoo pez nyeetz, Newbee!

    Es ist keine gute Idee, eine solche Menüführung mit Javascript zu erstellen, es geht mit reinem CSS auch.

    Deine Navigation ist eine Liste von Verweisen

    <ul id="nav">
      <li><a href="...">Home</a></li>
      <li><a href="...">Seite 1</a></li>
      <li><a href="...">Seite 2</a></li>
      ...
    </ul>
    

    Die aktuelle Seite soll nicht verlinkt sein

    <ul id="nav">
      <li><a href="...">Home</a></li>
      <li><span>Seite 1</span></li> <!-- aktuelle Seite -->
      <li><a href="...">Seite 2</a></li>
      ...
    </ul>
    

    nun könntest du mit generiertem Inhalt arbeiten:

    #nav span:before {content = "[■]";}
    
    #nav a:before {content = "[ ]";
    

    Das sollte in allen aktuellen Browsern ab IE8 funktionieren, ■ ist U+25A0;

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
    1. vielen dank!!!

      Om nah hoo pez nyeetz, Newbee!

      Es ist keine gute Idee, eine solche Menüführung mit Javascript zu erstellen, es geht mit reinem CSS auch.

      Deine Navigation ist eine Liste von Verweisen

      <ul id="nav">

      <li><a href="...">Home</a></li>
        <li><a href="...">Seite 1</a></li>
        <li><a href="...">Seite 2</a></li>
        ...
      </ul>

      
      >   
      > Die aktuelle Seite soll nicht verlinkt sein  
      >   
      > ~~~html
      
      <ul id="nav">  
      
      >   <li><a href="...">Home</a></li>  
      >   <li><span>Seite 1</span></li> <!-- aktuelle Seite -->  
      >   <li><a href="...">Seite 2</a></li>  
      >   ...  
      > </ul>
      
      

      nun könntest du mit generiertem Inhalt arbeiten:

      #nav span:before {content = "[■]";}

      #nav a:before {content = "[ ]";

      
      >   
      > Das sollte in allen aktuellen Browsern ab IE8 funktionieren, ■ ist U+25A0;  
      >   
      > Matthias