CSS a:hover

[Gast] Foren Archiv Adobe GoLive CSS a:hover

Archiv - Archivierte Foren

Themen

Beiträge

Moderatoren

Letzter Beitrag

Adobe GoLive

6161

30249

Dirk Levy

28. Mai 2021, 13:02

Dirk Levy

MACfly

Beiträge gesamt: 54

9. Mär 2008, 16:55
Beitrag # 1 von 9
Bewertung:
(5695 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Zusammen.

Ich habe eine Frage.

Wenn ich einen Rollover Effekt haben möchte, z.B. wenn ich beim Mauseintritt die Textfarbe rot haben möchte, dann kann ich das ja mit CSS (a:hover) machen.

Allerdings klappt das nicht so wie ich möchte, d.h. die Schrift wird beim überfahren mit dem Mauszeiger nicht rot *grummel*

Weiss jemand evtl. was ich falsch gemacht habe?

CSS a:hover

amelygolive

Beiträge gesamt:

10. Mär 2008, 14:27
Beitrag # 2 von 9
Beitrag ID: #340865
Bewertung:
(5640 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

über den css-editor in a:hover der Schrift einen neuen Farbton geben. Das klappt auf jeden Fall. Du kannst zudem noch eine andere Hintergrundfarbe über a:hove anlegen.

als Antwort auf: [#340743]

CSS a:hover

MACfly

Beiträge gesamt: 54

11. Mär 2008, 16:45
Beitrag # 3 von 9
Beitrag ID: #341079
Bewertung:
(5606 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

*mmmmh* ... genau das habe ich gemacht ... Standardschrift ist schwarz, hover rot beides im CSS Editor definiert .... ?

Ich komme nicht drauf was ich falsch gemacht habe ...

Gruss
Wolfgang

als Antwort auf: [#340865]

CSS a:hover

Urs Gamper

Beiträge gesamt: 4027

11. Mär 2008, 17:12
Beitrag # 4 von 9
Beitrag ID: #341085
Bewertung:
(5602 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Wolfgang
Sieht das CSS bei dir etwa so aus?:

a:link {
color: #999999;
}
a:visited {
color: #666666;
}
a:hover {
color: #FF0000;
}

Es ist einfach wichtig, dass die drei Status in dieser Reihenfolge aufgelistet sind.
Grüessli
Urs

als Antwort auf: [#341079]

CSS a:hover

amelygolive

Beiträge gesamt:

12. Mär 2008, 22:15
Beitrag # 5 von 9
Beitrag ID: #341368
Bewertung:
(5558 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

aber es geht auch nur mit "a" und "a:hover" - oder nur auf dem Mac???

als Antwort auf: [#341085]

CSS a:hover

Urs Gamper

Beiträge gesamt: 4027

13. Mär 2008, 18:02
Beitrag # 6 von 9
Beitrag ID: #341593
Bewertung:
(5519 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wenn du dabei den besuchten Linkin der vorhandenen Farbe belässt - ja.
Oder was meinst du genau?
Grüessli
Urs

als Antwort auf: [#341368]

CSS a:hover

MACfly

Beiträge gesamt: 54

15. Mär 2008, 21:22
Beitrag # 7 von 9
Beitrag ID: #341808
Bewertung:
(5441 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Erst einmal vielen Dank. Peinlicherweise hatte ich wirklich die falsche Reihenfolge, mit der von Urs angegebenen Reihenfolge klappt es.

Ich habe noch eine kurze Frage zu CSS und hover. Ist es möglich auf EINER Seite 2 verschiedenen hover Farben zu definieren? Also z.B. im Hauptmenü von scharz auf rot und im Untermenü von schwarz auf grau?

Gruss
Wolfgang

als Antwort auf: [#341368]

CSS a:hover

matwic

Beiträge gesamt: 5

18. Mär 2008, 15:03
Beitrag # 8 von 9
Beitrag ID: #342141
Bewertung:
(5329 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo!

Verschiedene Formatierungen kannst du allgemein beispielsweise folgendermassen umsetzen:
<div id="hauptnav">hier das hauptmenu</div>
<div id="unternav">hier das untermenu</div>

Das CSS könnte dann so aussehen:

Code

/* hauptmenu */ 
 
#hauptnav a:link { 
color:#black; 
} 
#hauptnav a:visited { 
color:#red; 
} 
#hauptnav a:hover { 
color:#red; 
} 
#hauptnav a:active { 
color:#red; 
} 
 
/* untermenu */ 
 
#unternav a:link { 
color:#black; 
} 
#unternav a:visited { 
color:#grey; 
} 
#unternav a:hover { 
color:#grey; 
} 
#unternav a:active { 
color:#grey; 
}

Hoffe geholfen zu haben.

matwic

als Antwort auf: [#341808]
(Dieser Beitrag wurde von matwic am 18. Mär 2008, 15:04 geändert)

CSS a:hover

amelygolive

Beiträge gesamt:

21. Mär 2008, 19:45
Beitrag # 9 von 9
Beitrag ID: #342689
Bewertung:
(5221 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

a:link
a:visited
a:hover

ich setze die Reihenfolge nun, wie von dir angegeben,
machte es vorher auch immer falsch - und wunderte mich, wieso das a:visited nicht klappt.

Man denkt nämlich, dass es so sein soll:
a:link
a:hover
a:visited

und weil das "a:visited" NUR im Explorer klappte, liess ich es ganz weg und eben nur
"a:link
a:hover"

als Antwort auf: [#341368]
(Dieser Beitrag wurde von amelygolive am 21. Mär 2008, 19:47 geändert)

Aktuell

Diverses

Tipps zum Aufräumen und Ordnung schaffen

| 29.11.2023

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen

17.04.2024

Und es geht doch: Automatisierung im Großformatdruck!

Online
Mittwoch, 17. Apr. 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!

Weitere Events

Neuste Foreneinträge

Lizenzfrage – Windows-Schriften in Linux einsetzen

Eizo Monitorkalibrierung auf Windows

Fußnoten zu Endnoten konvertieren

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

Platzierte Vektorgrafiken skalieren

SMS ab Server senden? Wie geht das?

WebShare Verzeichnisse im SharePoint erstellen

Buchsrabensteuerung

Klickbare Links zu Seiten in einem Buch aus extern erzeugtem Index erstellen

Gleiche Ebene mit untersch. Fonts in Text + autom. IHVZ: Probleme mit Kursivierung

Weitere Stellenangebote