a:active, klappt nüscht

John · 9. Januar 2010

Halli Hallo,

meine Navigationsreihenfolge:

Code

a:link {}
a:visited {}
a:hover {}
a:active{}

Aber mein geliebtes a:active klappt natürlich gleich beim ersten Versuch nicht, wasn los?^^

Hier mal kompletter Code:

Code

#navi_head a:link {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000 url(bilder/navi_a_link.png) no-repeat;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}




#navi_head a:visited {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000 url(bilder/navi_a_link.png) no-repeat;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}




#navi_head a:hover {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}




#navi_head a:active {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}

Alles anzeigen

maulepan · 9. Januar 2010

ähm.... was erhoffst du dir denn für eine ausgabe.

Active ist die pseudoklasse für aktive elemente. (wenn du sie anklickst, bis du die maustaste wieder los lässt)

John · 9. Januar 2010

Ich dachte dette is wenn du auf der Seite bist dann sieht das so aus xD

Wie mach ich des denn jetzt? ich bin auf petrus.htm und der passende Link sieht anders aus, muss ich das jetzt etwa direkt qauf petrus.htm einstellen?^^

Das ja ne Heidenarbeit.

timtim · 9. Januar 2010

Ja, das wird meistens so gemacht. Wenn du nur html und Css nutzt. Musst du auf jeder seite den Link extra hervorheben.

Greetz 'TimTim

maulepan · 9. Januar 2010

musst du per hand eine classe einfügen

class="current_page_item"

lauras · 9. Januar 2010

Nein.

Du erstellst einfach eine ID, z.B. #active, die du dann einfach dem Link zuordnest. Musst du halt bei jeder Seite machen, das immer hinzufügen, aber wenn dus einmal hast, ist eigentlich nicht mehr schwer.

LG
Laura

John · 9. Januar 2010

Okay, dann weiss ich jetzt ja bescheid,

aber es klappt dann ja nicht mit einer per include eingefügten Navi, da muss mann denn ja mit IDs arbeiten und die dann zuordnen oder?

maulepan · 9. Januar 2010

lauras : es ist egal, ob man eine id oder class verwendet. Aber es ist eine class="current_page_item" zu emüfehlen, da so die meisten CMS systme arbeiten.

timtim Wenn du includest dann musst du die classe per PHP einfügen.

lauras · 9. Januar 2010

Zitat von "maulepan"

lauras : es ist egal, ob man eine id oder class verwendet. Aber es ist eine class="current_page_item" zu emüfehlen, da so die meisten CMS systme arbeiten.

timtim Wenn du includest dann musst du die classe per PHP einfügen.

Wenn du dir mal die Zeit anguckst, wo die Beiträe geschrieben wurde, sollte man erkennen, dass es ganz einfach drei Beiträge zur gleichen Zeit waren, die sich demnach alle auf den darüberliegenden Post beziehen.
Ich dachte, das wäre klar, deshalb habe ich nicht im nachhhinein editiert.

LG

maulepan · 9. Januar 2010

sorry... ich hab nich auf die zeiten gegugt xD

sejuma · 10. Januar 2010

http://www.ohne-css.gehts-gar.net/0016.php
http://www.ohne-css.gehts-gar.net/0057.php

timtim · 10. Januar 2010

Ja, aber beim Include muss ich ja trozdem mit switch oder IF arbeiten. Oder geht das mit CSS auch ohne?.

Ich dachte ich müsste es dann auf jeder seite einfügen.

Greetz TimTim

a:active, klappt nüscht

Jetzt mitmachen!

Teilen