tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
6
ZUGRIFFE
486
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von mikkele
    mikkele mikkele ist offline Mitglied Silber
    Registriert seit
    Jan 2004
    Ort
    Österreich (Vorarlberg)
    Beiträge
    99
    Hallo, habe wieder mal ein kleines Problem.

    Ich habe bei meiner Website das stylesheet so:
    link: weiss
    active: orange
    visited: weiss
    hover: orange

    In meiner Navigation sind weisse und orange Text-Links.
    Die weissen Textlinks werden richtig angezeigt, nur die orangen werden (logischerweise) auch weiss, sobald ich ein dem Text einen Linkverweis gebe.
    Kann ich das irgendwie machen, dass ich in der Navigation zwei verschiedene Textfarben habe? Rollover beim orangen Text wäre dann einfach ein etwas dunkleres Orange.

    meine Suche auf tutorials.de hat nichts ergeben

    Danke
    Mikkele
     

  2. #2
    Registriert seit
    Jun 2004
    Ort
    Lübeck
    Beiträge
    498
    Hmm... so ganz klar ist mir dein problem nicht...
    Aber ich DENKE es geht dir darum dass du in der Navi die Liks anders haben willst als im laufenden Text?
    Da helfen dir klassen:

    a.navi:float
    bzw
    a.text:float

    Alle anderen entsprechend.
    Wenns das NICHT war, bitte genauer erklären
     
    ====================
    It isn't true unless it makes you laugh...

    ...but you don't understand untill makes you weep.
    ====================

    Do what thou wilt shall be the whole of the law.

  3. #3
    Avatar von gnetos
    gnetos gnetos ist offline Mitglied Brokat
    Registriert seit
    May 2004
    Ort
    Baden-Württemberg
    Beiträge
    400
    Blog-Einträge
    1
    Ja schreibe:
    a:hover{
    a:visited:hover{
    a:visited{
    a:active{
    a{
     
    Bei Nachteilen nicht jammern, sondern neue Wege finden.
    The worst decision is indecision.

  4. #4
    Avatar von mikkele
    mikkele mikkele ist offline Mitglied Silber
    Registriert seit
    Jan 2004
    Ort
    Österreich (Vorarlberg)
    Beiträge
    99
    hmm, verstehe ich nicht ganz?!

    muss "hover" nicht die unterste Ebene im css sein?

    tobi-city, muss ich die farben so definieren?:

    a:hover {orange, weiss}
    a:visited:hover {orange}
    a:visited {weiss}
    a:active {orange}
    a{ - wofür steht dieses a?

    Larayna, ich habe in der Navigation sozusagen Nav-Punkte, die durch eine andere Farbe (orange) optisch hervorgehoben sein sollen, andere Nav-Punkte sollen weiss sein.

    Jetzt merke ich erst, wie laienhaft ich in html bin
    vielleicht könnt ihr mir noch ein wenig weiterhelfen, den Rest des css versuche ich dann in selfhtml zusammen zuklauben

    müsste das...

    a:link { color: #fff; color: #e68936; font-size: 10px; font-family: verdana, helvetica, arial; text-decoration: none }

    ...nicht auch funktionieren? Dann müsste er doch beide Farben als link annehmen, oder?

    Danke
    Mikkele
     

  5. #5
    Registriert seit
    Jun 2004
    Ort
    Lübeck
    Beiträge
    498
    Hmm.. warum sind wir eigentlich noch in HTML.. ist eigentlich ein CSS-Problem.
    Naja, lösen wir es ersteinmal

    1) Die Reihenfolge der Pseudoklassen:
    Die Reihenfolge von hover, visited und co stellt klar welche Klasse im Konfliktfall vorrang hat.. wenn also hover NACH visited kommt, bekommt ein besuchter Link die hover-farbe, wenn visited nach hover steht kann man hovern soviel man will ein visited Link behält die visited-farbe.
    2) Bei zwei Farbangaben wird (meines wissens nach) kurzerhand die zweite genommen.
    3) für die herauszuhebenden braucht du dann eine zweite Klasse, also einmal einen
    a.normal:link
    a.normal:hover
    ...
    und einen
    a.anders:link
    a.ander:hover
    ...

    4) Das a steht dafür, dass es sich um einen Link (das a-tag ) handelt .
    Geändert von Layna (11.01.05 um 11:06 Uhr) Grund: ich hasse gross/klein... nicht zu faul, bin nur schlecht drinne..
     
    ====================
    It isn't true unless it makes you laugh...

    ...but you don't understand untill makes you weep.
    ====================

    Do what thou wilt shall be the whole of the law.

  6. #6
    Avatar von gnetos
    gnetos gnetos ist offline Mitglied Brokat
    Registriert seit
    May 2004
    Ort
    Baden-Württemberg
    Beiträge
    400
    Blog-Einträge
    1
    So hier habe ich mal ein kleines Beispiel schreibe das mal bei dir rein. Dann teste es und ersetze meine Farben einfach durch deine. Viel Erfolg. Was für was steht hat ja schon Larayna gesagt.

    a:hover {color:red;}

    a{color:blue;}

    a:visited{color: #00BFFF;}

    a:visited:hover{color:red;}

    a:active{color : Gray;}
     
    Bei Nachteilen nicht jammern, sondern neue Wege finden.
    The worst decision is indecision.

  7. #7
    Avatar von mikkele
    mikkele mikkele ist offline Mitglied Silber
    Registriert seit
    Jan 2004
    Ort
    Österreich (Vorarlberg)
    Beiträge
    99
    Jetzt ist der Groschen gefallen, und meiner bunten Navigation steht nichts mehr im Wege

    Vielen Dank für eure Hilfe!
    Gruß
    Mikkele
     

Ähnliche Themen

  1. versch. css-dateien für versch. browser
    Von homi1982 im Forum CSS
    Antworten: 4
    Letzter Beitrag: 06.01.07, 20:59
  2. Versch. Kommentare zu versch. Bildern
    Von kaeZe im Forum PHP
    Antworten: 6
    Letzter Beitrag: 30.05.06, 23:00
  3. Mouseover Text ?
    Von DjMG im Forum HTML & XHTML
    Antworten: 20
    Letzter Beitrag: 03.01.05, 17:46
  4. mouseover bei text
    Von Strahleman im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 01.09.02, 19:03
  5. Mouseover für Text?
    Von mac im Forum HTML-Editoren
    Antworten: 5
    Letzter Beitrag: 04.02.02, 14:07