Sven: aktive seite

Guten Tag

Was muss ich in meine .css datei schreiben das der link/seite
wenn ich auf Home bin zß aktiv ist?

<div id="navlinks">
 <ul class="nav">
  <li id="nav1"><a  href="index.html">Home</a></li>
  <li id="nav2"><a  href="index2.html">Home 2</a></li>
 </ul>
</div>

<div id="navlinks">
 <ul class="nav">
  <li id="nav1 akt"><a  href="index.html">Home</a></li>
  <li id="nav2"><a  href="index2.html">Home 2</a></li>
 </ul>
</div>

#navlinks .nav a:link.akt,
font-weight: bold;
color: #fff;

komme nicht weiter

  1. Guten Tag

    Was muss ich in meine .css datei schreiben das der link/seite
    wenn ich auf Home bin zß aktiv ist?

    Am besten ist es, du machst es so:

    Erstelle eine Datei mit dem Namen stylesheet.css . Da kopierst du alle deine Klassen bzw. CSS Code hinein.

    In den <head> deiner HTML Seite schreibst du folgendes:

    <link href="stylesheet.css" rel="stylesheet" type="text/css" />

    Denk daran, wenn die stylesheet.css nicht im selben Ordner liegt wie die HTML Dateien die Adresse anzupassen!

    Nun kannst du wie bereits getan mit <... id=""> das CSS aufrufen!

    1. Guten Tag

      Was muss ich in meine .css datei schreiben das der link/seite
      wenn ich auf Home bin zß aktiv ist?

      Am besten ist es, du machst es so:

      Erstelle eine Datei mit dem Namen stylesheet.css . Da kopierst du alle deine Klassen bzw. CSS Code hinein.

      In den <head> deiner HTML Seite schreibst du folgendes:

      <link href="stylesheet.css" rel="stylesheet" type="text/css" />

      Denk daran, wenn die stylesheet.css nicht im selben Ordner liegt wie die HTML Dateien die Adresse anzupassen!

      Nun kannst du wie bereits getan mit <... id=""> das CSS aufrufen!

      @Lukas

      danke aber das ist nicht mein problem!
      "aktiv" funktioniert nicht

  2. Hallo,

    ich nehme im folgenden an, dass du mit "aktiv" den Link auf die aktuelle Seite meinst. Solltest du mit "aktiv" den Link meinen, der gerade von der Maus angeklickt wird, solltest du dir die Pseudoklasse :active ansehen.

    Deine Lösung funktioniert nicht, weil jedes Element nur EINE id hat und diese dokumentweit eindeutig sein muss.

    Besser:

    <ul id="navigation">  
      <li class="aktiv"><a href="index.html">Home</a></li>  
      <li><a href="index2.html">Home 2</a></li>  
    </ul>
    

    Das <div> außenrum ist überfüssig. Manche Leute meinen auch, dass man die aktuelle Seite nicht verlinken sollte, aber das soll hier nicht stören. Warum du jedem Link eine eigene id geben willst versteh ich nicht, eigentlich kann man jedes Element bequem mit dem Nachfahrenselektor erreichen.

    #navigation .aktiv {  
      font-weight: bold;  
      color: #FFFFFF;  
    }
    

    Selektiert das Element mit der Klasse "aktiv", das sich innerhalb eines Elements mit der id "navigation" befindet.

    Gruss,
    OhneName

    1. Hallo,

      ich nehme im folgenden an, dass du mit "aktiv" den Link auf die aktuelle Seite meinst. Solltest du mit "aktiv" den Link meinen, der gerade von der Maus angeklickt wird, solltest du dir die Pseudoklasse :active ansehen.

      Deine Lösung funktioniert nicht, weil jedes Element nur EINE id hat und diese dokumentweit eindeutig sein muss.

      Besser:

      <ul id="navigation">

      <li class="aktiv"><a href="index.html">Home</a></li>
        <li><a href="index2.html">Home 2</a></li>
      </ul>

      
      >   
      > Das <div> außenrum ist überfüssig. Manche Leute meinen auch, dass man die aktuelle Seite nicht verlinken sollte, aber das soll hier nicht stören. Warum du jedem Link eine eigene id geben willst versteh ich nicht, eigentlich kann man jedes Element bequem mit dem Nachfahrenselektor erreichen.  
      >   
      > ~~~css
      
      #navigation .aktiv {  
      
      >   font-weight: bold;  
      >   color: #FFFFFF;  
      > }
      
      

      Selektiert das Element mit der Klasse "aktiv", das sich innerhalb eines Elements mit der id "navigation" befindet.

      Gruss,
      OhneName

      @OhneName

      danke

      1. Manche Leute meinen auch, dass man die aktuelle Seite nicht verlinken sollte,<<

        warum? gibt es nachteile?

        1. Hallo,

          Manche Leute meinen auch, dass man die aktuelle Seite nicht verlinken sollte,

          warum? gibt es nachteile?

          Manche Leute meinen eben, dass es keinen Sinn macht, wenn ein Dokument auf sich selbst verlinkt, schließlich ist man ja bereits auf der richtigen Seite. Es gibt in dieser Hinsicht aber auch andere Meinungen. Mit der Forensuche solltest du eigentlich die ein oder andere Diskussion zu diesem Thema finden können.

          Gruss,
          OhneName

    2. Hallo,

      ich nehme im folgenden an, dass du mit "aktiv" den Link auf die aktuelle Seite meinst. Solltest du mit "aktiv" den Link meinen, der gerade von der Maus angeklickt wird, solltest du dir die Pseudoklasse :active ansehen.

      Deine Lösung funktioniert nicht, weil jedes Element nur EINE id hat und diese dokumentweit eindeutig sein muss.

      Besser:

      <ul id="navigation">

      <li class="aktiv"><a href="index.html">Home</a></li>
        <li><a href="index2.html">Home 2</a></li>
      </ul>

      
      >   
      > Das <div> außenrum ist überfüssig. Manche Leute meinen auch, dass man die aktuelle Seite nicht verlinken sollte, aber das soll hier nicht stören. Warum du jedem Link eine eigene id geben willst versteh ich nicht, eigentlich kann man jedes Element bequem mit dem Nachfahrenselektor erreichen.  
      >   
      > ~~~css
      
      #navigation .aktiv {  
      
      >   font-weight: bold;  
      >   color: #FFFFFF;  
      > }
      
      

      Selektiert das Element mit der Klasse "aktiv", das sich innerhalb eines Elements mit der id "navigation" befindet.

      Gruss,
      OhneName

      <div id="navlinks"> [ navlinks = linke navigation ]
       <ul class="nav">
        <li class="aktiv"><a href="#">Home</a></li>
        <li><a href="test.html">Home 2</a></li>
       </ul>

      #der div ist für die positionierung.
      aktiv funktioniert immer noch nicht ka. warum

      1. Hallo Sven!

        Lerne bitte, sinnvoll zu zitieren, und übernimm aus dem vorangegangenen Beitrag nur das, worauf Du Dich beziehst, anstatt FullQuotes zu produzieren.

        Viele Grüße aus Frankfurt/Main,
        Patrick

        --

        _ - jenseits vom delirium - _
        <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
        Nichts ist unmöglich? Doch!
      2. Hallo,

        #der div ist für die positionierung.

        Warum positionierst du nicht <ul> direkt?

        aktiv funktioniert immer noch nicht ka. warum

        Dann wird es Zeit, dass du uns einen Link auf eine Beispielseite gibst, auf der man den Fehler nachvollziehen kann.

        Gruss,
        OhneName

  3. hi,

    Was muss ich in meine .css datei schreiben das der link/seite
    wenn ich auf Home bin zß aktiv ist?

    Einen passenden Selektor, der sich auf diesen "Link" [1] bezieht - der dafür natürlich aus Sicht von CSS von den anderen unterscheidbar gemacht werden muss - gefolgt von den gewünschten Formatierungen.

    [1] Dieser "Link" sollte eigentlich gar kein Link sein - denn auf sich selbst verlinkende Dokumente sind Unfug.
    Wenn er erst mal gar kein Link mehr ist, lässt er sich auch ganz einfach gesondert selektieren und damit formatieren.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  4. Hallo.

    Dieses Beispiel erfüllt die von dir geforderten Bedingungen.

    MfG, Kungschu.