tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
4838
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von sunshineworld
    sunshineworld sunshineworld ist offline Mitglied Silber
    Registriert seit
    Jan 2002
    Beiträge
    52
    Folgende Aufgabe habe ich bekommen:

    CSS Rollover Navigation mit Definition in einer externen Datei (*.css)
    Definieren Sie in einer externen Datei (*.css) die notwendigen Elemente um
    eine rollover Navigation zu erstellen.
    Die Navigation reagiert mit 4 unterschiedlichen Zuständen auf die Position
    des Mousezeigers:
    1. Der Mousezeiger befindet sich nicht über dem Navigationstext - dieser
    Zustand wird als Standarddarstellung bezeichnet,
    2. der Mousezeiger bewegt sich über den Navigationstext und bleibt darüber
    stehen - rollover Zustand (kleiner Tipp - die rollover Eigenschaft für das Anker
    Element ist "hover"),
    3. der Navigationstext oder Hyperlink wurde angeklickt - aktivierter Zustand
    und
    4. der Navigationstext wurde schon einmal aktiviert - visited.
    Der Navigationstext wird in der Regel, je nach Aktion, in 4 verschiedenen
    Farben dargestellt.

    Welche Befehle muss ich genau angeben?

    Danke Euch
    sunshineworld
     

  2. #2
    Registriert seit
    Dec 2001
    Beiträge
    171
    hallo

    das geht ganz einfach:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    
    A:link { text-decoration: underline;
         font-weight: bold;
         color: #D90000}    
            
    A:visited { font-size: 10pt;
         text-decoration: underline;
         font-weight: bold;
         color: #683939}    
            
    A:active { font-size: 10pt;
         text-decoration: underline;
         font-weight: bold;
         color: #AC8383}    
            
    A:hover { font-size: 10pt;
         text-decoration: none;
         font-weight: bold;
         color: #990000}

    natürlich kannst du das aussehen der hyperlinks beliebig anpassen. im html file musst du im HEAD noch folgenden code schreiben, um das *.css file zu linken:

    Code :
    1
    
    <LINK HREF="verzeichnis/file.css" TYPE="text/css" REL="stylesheet">

    greetings para
     
    Der Verstand und die Fähigkeit, ihn zu gebrauchen, sind zwei verschiedene Gaben!

  3. #3
    Avatar von Googy
    Googy Googy ist offline Mitglied Silber
    Registriert seit
    Apr 2002
    Ort
    Karlsruhe
    Beiträge
    54
    der Paranoia kamm mir zuvor******

    aber das was absolut richtige lösung...

    Respekt******
     
    ...let's swim to the moon...

Ähnliche Themen

  1. Navigation mit Rollover Problem
    Von exhubiranta im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 29.10.08, 23:02
  2. Rollover für Site-Navigation
    Von Mardel im Forum Photoshop
    Antworten: 1
    Letzter Beitrag: 11.06.07, 08:43
  3. RollOver-Navigation
    Von valkuere im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 30.07.06, 11:10
  4. Rollover Navigation...
    Von thespecialx im Forum CSS
    Antworten: 1
    Letzter Beitrag: 27.12.05, 09:29
  5. CSS Rollover Navigation
    Von Bicko im Forum CSS
    Antworten: 5
    Letzter Beitrag: 24.02.05, 13:23