• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menu visited

I

Intersect

Guest
Hallo.

Habe ein kleines Problem, nichts großes.
Ein Menu über CSS und HTML, sobald ich auf einem link im Menupunkt bin soll dieses unterstrichen und in einem Rot ton erscheinen.
Das will nicht funktionieren.

Code: 
#menu a:visited{
    color:#940E15;
    text-decoration: underline;
}

Vielen dank für eure Aufmerksamkeit.
 
Code: 
<div id="menu">
<ul>
<li><a href=""1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">6</a></li>
<li><a href="">7</a></li>
<li><a href="">8</a></li>
<li><a href="">9</a></li>
<li><a href="">10</a></li>
<li><a href="">11</a></li>
<li><a href="">12</a></li>
<li><a href="">13</a>
<ul>
<li><a href="">13_1</a></li>
<li><a href="">13_2</a></li>
</ul>
<li><a href="">14</a></li>
</ul>
</div>

Code: 
.menu
{
    width: 155px;
    position: absolute;
    top: 131px;
    left: 11px;
    margin-top: -10px;
    background-image:url(menu_background.png);
    background-repeat: no-repeat;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    line-height: 140%;
    box-shadow: inset -1px 0px 3px #000000,-1px 0px 6px #000000; 
    height:auto; 
    margin:0; 
    padding:0; 
    padding-top: 4px;
    padding-bottom: 4px;
    width: 168px; 
}

#menu ul {
    margin:0; 
    padding:0; 
    list-style:none; 
    white-space:nowrap; 
    text-align:left;
}

#menu li {
    list-style:none;
}
#menu li {
    display:inline-block; 
    display:inline;
}
#menu ul ul {
    position:absolute; 
    left:-9999px;
}
#menu ul#toplevel {
    position:absolute; 
    left:0; 
    top:0;
}

#menu a {
    display:block; 
    font:bold 10px verdana,arial,sans-serif; 
    color:#000; 
    text-decoration:none;
    padding:0 10px 0 5px;
    line-height: 80%;
    padding: 5px;
} 

#menu a:visited{
    color:#940E15;
        text-decoration: underline;
}

#menu ul li:hover > ul {
    /*border: 1px solid black;*/
    left:100%; height: 37px; 
    margin-top:-15px; 
    margin-left:0px;
    background-image: url('menu_background.png');
    box-shadow: 0px 0px 3px;
}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
    left:100%;
}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
    left:-9999px;
}
/*
#menu li a:hover {background:#09c; color:#fff;} 
#menu li:hover > a {background:#09c; color:#fff;}
#menu li a.fly {background: url(arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#09c url(arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#09c url(arrow.gif) no-repeat right top;}
*/
#menu table {
    position:absolute; 
    left:99%; 
    height:0; 
    width:0; 
    border-collapse:collapse; 
    margin-top:-7px; 
    margin-left:-1px;
}

Falls PHP besser geeignet sein sollte, neige ich es nicht ab.

Bitte sehr.
Gruß
 
Hallo,

kann sein das einfach nach hover suchst
Code: 
#menu a:hover{
    color:#940E15;
    text-decoration: underline;
}
visit ist ja schon besucht und nicht maus drüber :O)

Cheffchen
 
Also wenn ich das richtig verstehe, dann meint Intersect den Link der aktuell besuchten Seite. Das geht mit CSS alleine nicht, dazu bedarf es auch etwas PHP.
PHP: 
<?php
$PHP_SELF = basename($_SERVER['PHP_SELF']);
?>
      <ul id="menu">
        <?php
         if ($PHP_SELF != "index.php")
           echo "<li>";
        else
          echo "<li id='aktiv'>";
        ?>
            <a href="index.php">Startseite</a>
         </li>
      </ul>
 
Cheffchen schrieb:
Hallo,

kann sein das einfach nach hover suchst
Code: 
#menu a:hover{
    color:#940E15;
    text-decoration: underline;
}
visit ist ja schon besucht und nicht maus drüber :O)

Cheffchen
Zum Vergrößern anklicken....
Nein ich suche nicht Hover.

thuemmy schrieb:
Also wenn ich das richtig verstehe, dann meint Intersect den Link der aktuell besuchten Seite. Das geht mit CSS alleine nicht, dazu bedarf es auch etwas PHP.
PHP: 
<?php
$PHP_SELF = basename($_SERVER['PHP_SELF']);
?>
      <ul id="menu">
        <?php
         if ($PHP_SELF != "index.php")
           echo "<li>";
        else
          echo "<li id='aktiv'>";
        ?>
            <a href="http://www.html.de/forum.php">Startseite</a>
         </li>
      </ul>
Zum Vergrößern anklicken....
Genau, aber das scheint nicht zu funktioneren. Kannst du mir ein, zwei Beispiel geben wie das geht.

prm schrieb:
Love hates
Überprüfe, ob in deiner CSS-Datei die Reihenfolge der Linkzustände stimmt, vgl. hier Ziffer 8:
Häufige CSS-Fehler
Zum Vergrößern anklicken....
Die Reihenfolge funktionert nicht, wie es soll.

Grüße
 
Reicht dir o.g. Beispiel nicht? Bedenke: die Seite muss dazu über einen Server mit PHP-Unterstützung aufgerufen werden. Der Aufruf einer lokalen Datei bringt nichts.
 
Ich bin grad etwas am verzweifeln. Das habe ich so eingefügt wie im Beispiel.
Der Server auf dem ich das teste, unterstüzt PHP.

Geht es nicht auch anderes?
 
Ich kann in deiner CSS keine visited-Definition finden.
Wenn du dies

Code: 
#menu a:visited{
    color:#940E15;
    text-decoration: underline;
}

vor

#menu a:hover

einfügst, sollte das Problem gelöst sein.
 
prm schrieb:
Ich kann in deiner CSS keine visited-Definition finden.
Zum Vergrößern anklicken....
Wenn Du mich meinst, ich kann es auch nicht finden, da ich das auch nicht im CSS haben will. Der Threadersteller will wohl auch kein visited haben, sondern die aktuelle Seite soll wohl im Menü anders dargestellt werden. Und der Threadersteller hat sehr wohl die visited-Definition in seinem CSS
 
Guten Abend :)

Ich habe mir einpaar Stunden Pause gegöhnt.
Da war ein Rechtschreibfehler von meiner Seite. Manchmal brauche ich einbisschen Zeit wenn ich an dem selben Problem lange hängen bleibe.

Danke.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben