Willkommen auf dem Portal für Mediengestalter

Melanie7 · Threadersteller

Hallo,

ich bin auf der Suche nach einer Lösung für eine Mouseoverproblem.
Ich habe auf meiner Webseite eine Art Tag-Cloud gebastelt und möchte jetzt noch, dass jeder Wirt bei Mourseover die Farbe verändert. Da ich allerdings in der Tag Clould bereits verschiedene Farben verwende, möchte ich das nicht über das CSS machen, sondern einfach in den Code regeln.

Momentan sieht das für die einzelnen Worte so aus:

<a href="Leistung.html" style="font-size:24px; text-decoration:none; color: #B8B8DF;">Coaching</a>
<a href="beratung.html" style="font-size:38px; text-decoration:none; color: #000066;"> Beratung</a>

Wie kann ich es da ändern, dass die Worte die gleiche Größe behalten, aber jeweils die Farbe bei mouseover ändern?

Danke

Mel

top · Moderator

Kann man :hover auch mit inline-CSS definieren? * Keine Ahnung... *

Mach das das hier in die CSS-Datei:

Melanie7 · Threadersteller

Ja, aber wenn ich dass im CSS mache, dann müsste ich ja für jedes Wort einen eigenen Stlye definieren und die TagCloud besthet aus gut 25 Worten/Sätzen. Daher würde ich das gerne individuell im Code machen.

SimonDerDude · **Verfasst** Mo 01.08.2011 11:55 **Titel**

Nein, mit dem von top beschriebenen Code sagst du auf gut Deutsch folgendes:
Alle Links (a) beim Zustand :hover innerhalb des Elements mit der Klasse dieKlasseDeierCloud und strong erhalten die Farbe #00FF00.

Das was du beschreibst sähe in CSS so aus:

Melanie7 · Threadersteller

Genau, ich will jedem Link eine eigene Farbe (sowohl im Normalzustand als auch im Mouseover) zuweisen und daher eben nicht mit dem CSS arbeiten, weil das - so glaube ich - nämlich komplizierter ist, als es einfach in den Code einzubauen.

SimonDerDude · **Verfasst** Mo 01.08.2011 12:39 **Titel**

Achso :|
Nun gut, das löst du besser mit JavaScript -> jQuery. Einfach die Bibliothek in den <head> einbinden:

Melanie7 · Threadersteller

Danke für den Vorschlag, aber eigentlich wollte ich das ohne Javascript hinbekommen. Dann bleibt woll doch nur die CSS-Lösung.

Karlarsch · **Verfasst** Mo 01.08.2011 13:57 **Titel**

Inline-CSS ist nie eine gute Idee.

Hier mal ein paar Denkanstöße:

Ich gehe mal davon aus, dass du deine Tag-Cloud serverseitig generierst z.B. via PHP. Pack die Tags in ein Element z.B. und gib diesem dann entsprechende Klassen.
Für die Wertigkeit könnten z.B. "value_1" bis "value_10" herhalten. In der zentralen CSS-Deklaration bekommen die dann eben die entsprechende Font-Size.

Unterschiedliche Farben könntest du dann mit :nth-child arbeiten.

Gruß
Karl

Willkommen auf dem Portal für Mediengestalter

Thema: Mouseover bei Links vom 01.08.2011

Mouseover bei Links