[GastForen Archiv Adobe GoLive CSS a:hover

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS a:hover

MACfly
Beiträge gesamt: 54

9. Mär 2008, 16:55
Beitrag # 1 von 9
Bewertung:
(5575 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?
X

CSS a:hover

amelygolive
Beiträge gesamt:

10. Mär 2008, 14:27
Beitrag # 2 von 9
Beitrag ID: #340865
Bewertung:
(5520 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:
(5486 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: 3987

11. Mär 2008, 17:12
Beitrag # 4 von 9
Beitrag ID: #341085
Bewertung:
(5482 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


www.gamper-media.ch
www.dynpg.ch


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:
(5438 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: 3987

13. Mär 2008, 18:02
Beitrag # 6 von 9
Beitrag ID: #341593
Bewertung:
(5399 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


www.gamper-media.ch
www.dynpg.ch


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:
(5321 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:
(5209 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:
(5101 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)
X

Aktuell

InDesign / Illustrator
ScreenShot 274 Warum Templates in InDesign benutzen_ - Satzkiste in Stuttgart - Satz und technische Umsetzung - Google Chrome (300x300 HilfDirSelbst)

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.

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

Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

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

Enfocus World Tour 2022
Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

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

Enfocus World Tour 2022