• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Viele hassen ihn, manche schwören auf ihn, wir aber möchten unbedingt sehen, welche Bilder Ihr vor Eurem geistigen Auge bzw. vor der Linse Eures iPhone oder iPad sehen könnt, wenn Ihr dieses Wort hört oder lest. Macht mit und beteiligt Euch an unserem Frühjahrsputz ---> Klick

Linkfarbe "active" funktioniert nicht - Liegts am iframe?

pinguSTAR

Goldparmäne
Registriert
06.11.05
Beiträge
567
hi zusammen,

bastle mir gerade eine homepage und versuche folgende zustände gerade auf die reihe zu bringen.

Habe in der Navi einfachen Text verlinkt. das ganze soll in 3 farben ablaufen.
1. Farbe ROT -> Normal
2. Farbe Gelb -> Wenn Maus drüber
3. Farbe Grün -> Wenn Link Gerade Aktiv/geöffnet in iframe

funktioniert auch soweit bis auf die 3. farbe die erscheinen soll wenn die seite des links gerade im iframe angezeigt wird.

hier den
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fahrschule M. Klausmann</title>
<style type="text/css">
a:link { text-decoration:none; color:#060; }
a:visited { text-decoration:none; color:#060; }
a:hover { text-decoration:none; color:FF0000; }
a:active { text-decoration:none; color:#FC0; }
</style>

</head>

<body bgcolor="#9B9B9B">
<table width="100%" height="100%" border="0">
  <tr>
    <td height="500" align="center" valign="middle" bgcolor="#9B9B9B">
    
    <table background="background_950.png" width="950" height="514" border="0">
      <tr>
        <td height="46" colspan="3">&nbsp;</td>
        </tr>
      <tr>
        <td width="136" height="34">&nbsp;</td>
        <td width="1009" align="center" valign="middle">
                                                <font size="-1"> 
                                                                            <a href="../sites/startseite.html" target="content">Home</a>
                                                                             - 
                                                                             <a href="../sites/gundelfingen.html" target="content">Gundelfingen</a>
                                                                              - 
                                                                              <a href="../sites/startseite.html" target="content">Glottertal</a>
                                                                               - 
                                                                               <a href="../sites/startseite.html" target="content">Führerschein</a>
                                                                                - 
                                                                                <a href="../sites/startseite.html" target="content">Team</a>
                                                                                 - 
                                                                                 <a href="../sites/fahrzeuge.html" target="content">Fahrzeuge</a>
                                                                                  - 
                                                                                  Theo
                                                                                   - 
                                                                                   <a href="../sites/kontaktformular.php" target="content">Kontakt</a>
                                                                                    - 
                                                                                    <a href="../sites/startseite.html" target="content">Impressum</a>
                                                </font>
         </td>
        <td width="51">&nbsp;</td>
      </tr>
      <tr>
        <td height="20" colspan="3">&nbsp;</td>
        </tr>
      <tr>
        <td height="371">&nbsp;</td>
        <td><iframe src="../sites/startseite.html" name="content" width="100%" marginwidth="0" height="100%" marginheight="0" scrolling="auto" frameborder="0"></iframe>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="32">&nbsp;</td>
        <td align="right" valign="bottom">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>

</html>
 
Zuletzt bearbeitet:

bezierkurve

Halberstädter Jungfernapfel
Registriert
12.06.05
Beiträge
3.860
active ist der Stil, wenn du mit der Maus drückst. Der hat also nichts damit zu tun, welche Seite gerade dargestellt wird.
 

pinguSTAR

Goldparmäne
Registriert
06.11.05
Beiträge
567
achsooo,

gibts denn dann einen stil für die gerade geöffnete seite?
 

pinguSTAR

Goldparmäne
Registriert
06.11.05
Beiträge
567
muss doch eine möglichkeit geben?!

also mit bilder als links geht es. das habe ich bereits in dreamweaver gefunden.
kann man das vielleicht irgendwie auf den text übertragen?
 

s23

Seidenapfel
Registriert
23.11.08
Beiträge
1.333
Ja, du kannst ein PHP-Skript schreiben, welches anhand des Dateinamens der Datei die entsprechende Färbung des Verweises durchführt. Dein Menü wird dann auf dem Server generiert und als HTML ausgegeben.
 

pinguSTAR

Goldparmäne
Registriert
06.11.05
Beiträge
567
ähhhm okay.

danke aufjedenfall für deine antwort.

ich hab leider keine ahnung von php...
 

Slashwalker

Winterbanana
Registriert
15.05.06
Beiträge
2.213
:active funktioniert nur, wenn das Menü in einem eigenen Frame liegt und nicht bei jeder Seite neu geladen wird. Dann zeigt :active auch tatsächlich die aktuelle Seite an. Aber Frames sind eh schrott.
 

s23

Seidenapfel
Registriert
23.11.08
Beiträge
1.333
:active funktioniert nur, wenn das Menü in einem eigenen Frame liegt und nicht bei jeder Seite neu geladen wird. Dann zeigt :active auch tatsächlich die aktuelle Seite an. Aber Frames sind eh schrott.

Nein, die Pseudo-Klasse ":active" ist dafür da, gerade durch den Benutzer aktivierte Elemente via CSS ansprechen zu können. Ob der Verweis eines Links, den du via CSS ansprichts, auch zufällig auf die aktuelle Seite verweist, damit hat diese Pseudo-Klasse nichts zu tun.

Das Konsortium führt es wie folgt aus:

The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.

Ein kleiner Beweis zum Testen.
 

Bajuware

Apfel der Erkenntnis
Registriert
23.04.08
Beiträge
724
btw. Text-decoration:none; musst du nicht bei jedem Status deklarieren. und eine Farbangabe ohne # funktioniert ebenfalls nicht. :link kannst du dir eigentlich auch sparen ;) ach ja - zuviele Farben sind verwirrend. Ich hab vor Monaten mal irgendwo gelesen das :visited eigentlich nur noch in ganz bestimmten Fällen eigesetzt werden soll, weil es einfach ein "usability"-Killer ist, der die Übersicht ganz bedeutend eingschränkt. D.h. ein globaler Einsatz von :visited ist nicht immer hilfreich - je nach Styling.