Ergebnis 1 bis 6 von 6

Thema: Menu

  1. #1
    HTML Newbie
    Registriert seit
    06.06.2008
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Menu

    Hallo,

    Wie erreiche ich mit CSS, dass auf einer WebSite mit Navigation immer jener Navigationspunkt anders aussieht, dessen Seite angezeigt wird?
    So kann festgestellt werden, auf welcher Seite man sich gerade befindet.

    Dieses Vorgehen, das hier stark vereinfacht abgebildet ist, funktioniert in meinem Fall nicht:

    a:link { color: red }
    /* link pseudo-class, noch nicht besuchter Link */
    a:visited { color: blue }
    /* link pseudo-class, schon besuchter Link */
    a:hover { color: yellow }
    /* dynamic pseudo-class, Benutzer 'hovert' */
    a:active { color: lime }
    /* dynamic pseudo-class, Link wird ausgewählt */
    a:focus { color: lime }
    /* dynamic pseudo-class, Element akzeptiert Eingaben */

    Besten Dank für einen Hinweis.

    Gruss
    Patrick
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.06.2008
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Punkt "Aktuell"

    Vielen Dank Sejuma

    Lustigerweise greift im css Teil "Aktuell" das Attribut "Color" nicht, das ich noch hinzugefügt habe. Die Schriftfarbe bleibt weiterhin weiss.

    Besten Dank für einen Hinweis.

    Gruss
    Patrick

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hast du denn auch eine andere Schriftfarbe hinterlegt?
    Wenn du's wie in der Anleitung gemacht hast, dann füge mal noch einen Farbwert hinzu:

    #aktuell a
    {
    background-color: #f60;
    color: #f00;
    }
    Wenn das nicht klappt, poste mal einen Link oder den entsprechenden HTML/CSS-Code.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    06.06.2008
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hallo Sejuma

    Ja, ich habe eine Schriftfarbe hinterlegt.
    Die Schriftfarbe wird erstaunlicherweise nicht angepasst.

    Hier ist der ganze Code:
    (Vielen Dank für Deine Hilfe)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    <body>

    <div id="navi">
    <ul>
    <li id="aktuell">Seite 1
    [*]Seite 2
    [*]Seite 3
    [/list]
    </div>

    </body>

    </html>



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ohne_Titel_1</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    <body>
    <div id="navi">
    <ul>
    [*]Seite 1
    <li id="aktuell">Seite 2
    [*]Seite 3
    [/list]
    </div>

    </body>

    </html>



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ohne_Titel_1</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    <body>
    <div id="navi">
    <ul>
    [*]Seite 1
    [*]Seite 2
    <li id="aktuell">Seite 3
    [/list]
    </div>

    </body>

    </html>


    CSS-File:

    #navi
    {
    width: 200px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    }

    #navi ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    #navi a
    {
    display: block;
    padding: 3px;
    width: 160px;
    background-color: #036;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    }

    #navi a:link, #navi a:visited
    {
    color: #EEEEEE;
    }

    #navi a:hover
    {
    background-color: Lime;
    color: #fff;
    }

    #aktuell a
    {
    background-color: Silver;
    color: #f00;
    }

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    So klappt's:

    #navi #aktuell a
    {
    background-color: Silver;
    color: #f00;
    }
    Aber Danke für deinen Beitrag. Ich muss da meine Anleitung auch dementsprechend korrigieren.

Ähnliche Themen

  1. Menu
    Von Wesen im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 06.12.2006, 12:43
  2. Menu
    Von maiki im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 23.09.2006, 21:18
  3. Menu
    Von Djabbi im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 09.06.2006, 16:09
  4. Menu
    Von tunisie-online.net im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 04.04.2005, 13:41
  5. Jscript zur Darstellung von linearem Menu in ein Baum Menu
    Von stud3 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.11.2004, 09:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •