Julian Oettrich: links

Irgenwie klappt was bei mir nicht. Ich hab im stylesheet diesen Teil eingebaut, derklappt aber weder im Mozilla, noch im IE.

.menuebar {
 background-image:url(img/menuebar.png);
 background-repeat:no-repeat;
 background-position:center;
 text-align:center;
 vertical-align:middle;
 width:800px;
 height:28px;
}
.menuebar:link {
 font-face:Verdana;
 font-size:11pt;
 font-weight:none;
 color:#ffffff;
 text-decoration:none;
 letter-spacing:1px;
}
.menuebar:visited {
 font-face:Verdana;
 font-size:11pt;
 font-weight:none;
 color:#ffffff;
 text-decoration:none;
 letter-spacing:1px;
}
.menuebar:hover {
 font-face:Verdana;
 font-size:11pt;
 font-weight:none;
 color:#ffffff;
 text-decoration:underline;
 letter-spacing:1px;
}

Ich weiß einfach nicht was falsch ist.

Stattdessen übernimmt er noch immer die link angaben die auch imStysheet drin sind. die sehen so aus:

a {
 font-family:Arial;
 font-size:9pt;
 font-weight:bold;
 color:#0D611F;
 text-decoration:none;
}
a:active {
 font-family:Arial;
 font-size:9pt;
 font-weight:bold;
 color:#0D611F;
 text-decoration:none;
}
a:visited {
 font-family:Arial;
 font-size:9pt;
 font-weight:bold;
 color:#0D611F;
 text-decoration:none;
}
a:hover {
 font-family:Arial;
 font-size:9pt;
 font-weight:bold;
 color:#0D611F;
 text-decoration:underline;
 cursor:hand;
}

Bitte helft mir und ein Danke im vorraus!

Julian

  1. Hallo Julian.

    Irgenwie klappt was bei mir nicht. Ich hab im stylesheet diesen Teil eingebaut, derklappt aber weder im Mozilla, noch im IE.

    [...]

    Gehe ich recht in der Annahme, dass es ein (oder mehrere) <a class="menuebar">Foo</a> gibt?

    Wenn ja, dann solltest du die Spezifität erhöhen, in dem du im CSS auch das Element zur Klasse selektierst (also .menuebar -> a:link.menuebar, ...)

    Oder aber du bringst zuallererst einmal die Reihenfolge in Ordnung. (Was soll was überschreiben?)

    Bitte helft mir und ein Danke im vorraus!

    Wo?

    Einen schönen Dienstag noch.

    Gruß, Ashura

    --
    Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
    30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
    Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
    [Deshalb frei! - Argumente pro freie Software]
    1. Gehe ich recht in der Annahme, dass es ein (oder mehrere) <a class="menuebar">Foo</a> gibt?

      Ich habe einmal class="menuebar" eingebaut. Die stelle sieht so aus:

      ...
      <td width="100%" height="28" colspan="3" class="menuebar">
      <a href="index.php">Startseite</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a></td>
      ...

      Wenn ja, dann solltest du die Spezifität erhöhen, in dem du im CSS auch das Element zur Klasse selektierst (also .menuebar -> a:link.menuebar, ...)

      Hab ich gerade ausprobiert, geht aber nicht...

      Oder aber du bringst zuallererst einmal die Reihenfolge in Ordnung. (Was soll was überschreiben?)

      .menuebar:link {
       angeben...
      }

      soll

      a {
       angaben...
      }

      überschreiben.

      Julian

      1. Hallo Julian.

        Ich habe einmal class="menuebar" eingebaut. Die stelle sieht so aus:

        Also gut, schauen wir uns dies einmal an.

        ...

        <td width="100%" height="28" colspan="3" class="menuebar">

        <a href="index.php">Startseite</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a></td>

        
        > ...  
          
        So, du müsstest also mittels `.menuebar a:link{}`{:.language-css}, ... auf die a-elemente zugreifen...  
          
        
        > ~~~css
        
        .menuebar:link {  
        
        >  /* angeben... */  
        > }
        
        

        ... was du hier aber nicht tust.
        Du greifst auf td.menuebar:link zu.

        Zumindest momentan ist es noch nicht sinnvoll, andere Elemente als das a-Element mittels Pseudoklasse :link zu spezifizieren.
        Bitte setze nicht willkürlich Klassen sondern überlegen, was du wie selektieren möchtest.

        soll

        a {

        /* angaben... */
        }

        
        >   
        > überschreiben.  
          
        Dann bringe es in die entsprechende Reihenfolge.  
          
          
        Einen schönen Dienstag noch.  
          
        Gruß, Ashura  
        
        -- 
        Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|  
        [30 Days to becoming an Opera8 Lover](http://operalover.tntluoma.com/8/) -- [Day 21: Toolbars](http://operalover.tntluoma.com/8/day_21_toolbars)  
        Meine Browser: [Opera 8.02](http://my.opera.com/noctus/affiliate/download/) | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0  
        [\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)
        
        1. Hallo.

          ...

          <td width="100%" height="28" colspan="3" class="menuebar">

          <a href="index.php">Startseite</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a> - <a href="link.php">Ein Link</a></td>

          
          > > ...  
            
          Bevor ich es vergesse:  
            
          Hierfür bietet sich augenscheinlich eine [Liste](http://de.selfhtml.org/html/text/listen.htm) mit ggf. entsprechender [Formatierung](http://de.selfhtml.org/css/eigenschaften/listen.htm) an.  
            
            
          Einen schönen Dienstag noch.  
            
          Gruß, Ashura  
          
          -- 
          Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|  
          [30 Days to becoming an Opera8 Lover](http://operalover.tntluoma.com/8/) -- [Day 21: Toolbars](http://operalover.tntluoma.com/8/day_21_toolbars)  
          Meine Browser: [Opera 8.02](http://my.opera.com/noctus/affiliate/download/) | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0  
          [\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)
          
        2. Vielen Dank Ashura!

          Jetzt klappts!

          Julian

      2. hi,

        Ich habe einmal class="menuebar" eingebaut. Die stelle sieht so aus:

        <td width="100%" height="28" colspan="3" class="menuebar">
        <a href="index.php">Startseite</a> - <a href="link.php">Ein Link</

        wie kommst du darauf, dass :link und :visited für eine tabellenzelle irgendeine auswirkung hatten.

        wende sie auf den link an - entweder, in dem du diesem die klasse gibst, oder in dem du den nachfahrenselektor benutzt.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. hi,

          Ich habe einmal class="menuebar" eingebaut. Die stelle sieht so aus:

          <td width="100%" height="28" colspan="3" class="menuebar">
          <a href="index.php">Startseite</a> - <a href="link.php">Ein Link</

          wie kommst du darauf, dass :link und :visited für eine tabellenzelle irgendeine auswirkung hatten.

          wende sie auf den link an - entweder, in dem du diesem die klasse gibst, oder in dem du den nachfahrenselektor benutzt.

          Wie ich darauf gekommen bin weiß ich auch nicht... Aber es war für mich das einzige logische. Aber jetzt gehts ja auch.

          Julian