Beiträge von htmlvisitor

  • Menu

    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;
    }

  • Menu

    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

  • 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