hover-visit

[Project 2008]

Hallo zusammen

Ich möchte einem Link in einer Tabelle einen eigenen Style für Hover, Visits, etc. geben. Wie kann ich das umsetzen? Der unten aufgeführte Versuch mit a:hover="color:#1B4A7B" ging schief...

<table border="0" cellpadding="0" cellspacing="5" style="background-color:#E8E8E8; border:1px solid #1B4A7B;"><tbody><tr><td><a href="index.php?option=com_artforms&amp;formid=3"><img width="26" src="images/sonstiges/contact.png" alt="contact" height="26" style="float: left; margin-right: 7px;" /></a></td><td a:hover="color:#1B4A7B" style="color:#1B4A7B;" class="fett"><a href="index.php?option=com_artforms&amp;formid=3">Kontakt zur JAG</a></td></tr></tbody></table>

[EKKi]

Mahlzeit Project 2008,

Ich möchte einem Link in einer Tabelle einen eigenen Style für Hover, Visits, etc. geben. Wie kann ich das umsetzen? Der unten aufgeführte Versuch mit a:hover="color:#1B4A7B" ging schief...

Natürlich, schließlich handelt es sich weder um valides HTML noch gültiges CSS - was also soll ein Browser damit anfangen?

Du solltest Dich informieren, wie man http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklassen in CSS richtig formatiert.

MfG,
EKKi

[Gunnar Bittersmann]

@@EKKi:

Du solltest Dich informieren, wie man http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklassen in CSS richtig formatiert.

Und dass dies noch nicht inline möglich ist.

Live long and prosper,
Gunnar

[project 2008]

Also muss ich daraus schliessen, dass ich pro Seite nur einen einzigen Style für Links mit hover und visit vergeben kann?

[Cheatah]

Hi,

Also muss ich daraus schliessen, dass ich pro Seite nur einen einzigen Style für Links mit hover und visit vergeben kann?

nein, die Zahl ist auf unendlich beschränkt. Es ist eine Frage der Selektoren.

Cheatah

[project 2008]

Hmm, sorry aber raff ich immer noch nicht ganz. Ich möchte ja diesem Link <a href="index.php?option=com_artforms&amp;formid=3">Kontakt zur JAG</a> eine eigene Hovereigenschaft geben. Zwangsweise muss ich ja bei Hyperlinks mit <a> arbeiten oder? Das heisst es bleibt mir nix anderes übrig als a:hover, oder nicht?

[Ulysses]

hi project 2008,

Hmm, sorry aber raff ich immer noch nicht ganz.

Was du wissen musst ist, wie man <http://de.selfhtml.org/css/formate/einbinden.htm#zentral@title=Formate zentral für eine HTML-Datei definiert> oder <http://de.selfhtml.org/css/formate/einbinden.htm#separat@title=zentral in eine separate CSS-Datei auslagert>.
Da wird auch erklärt, wie das mit den Selektoren funktioniert.
LG Ulysses

[project 2008]

Also, Selektoren stehen vor dem eigentlichen Style, zum Beispiel

<style type="text/css">
<!--
xy { color:red; font-size:48px; }
-->
</style>

Somit werden also alle Inhalte, welche die Klasse xy haben mit der entsprechenden Eigenschaft versehen. Richtig?

Ich hab ja einen Hyperlink, bei dem ist doch die Klasse "vordefiniert" oder etwa nicht?

[Marc]

Hallo,

Also, Selektoren stehen vor dem eigentlichen Style, zum Beispiel

<style type="text/css">
<!--
xy { color:red; font-size:48px; }
-->
</style>

Somit werden also alle Inhalte, welche die Klasse xy haben mit der entsprechenden Eigenschaft versehen. Richtig?

Nein, denn um eine Klasse zu selektieren brauchst noch einen "." (Punkt) - Browser sind da unglaublich pingelig...

Ich hab ja einen Hyperlink, bei dem ist doch die Klasse "vordefiniert" oder etwa nicht?

Nein, Klassen sind nicht vordefiniert (warum die Anführungszeichen). Das Aussehen von Links ist vordefiniert. Browser bringen freundlicherweise eigene Stylsheets mit, so dass Du nur noch mit eigenen Formatierungsüberweisen ausstatten musst, was Dir nicht gefällt.

Viele Grüße,
Marc.

[vaudi]

Hallöchen,

Also, Selektoren stehen vor dem eigentlichen Style, zum Beispiel

<style type="text/css">
<!--
xy { color:red; font-size:48px; }
-->
</style>

Somit werden also alle Inhalte, welche die Klasse xy haben mit der entsprechenden Eigenschaft versehen. Richtig?

Richtig.

Ich hab ja einen Hyperlink, bei dem ist doch die Klasse "vordefiniert" oder etwa nicht?

Auch richtig.

Aber du willst ja nicht das vordefinierte Layout, sondern ein eigenes. Das musst du definieren, und auf geeignete Weise dem entsprechenden Element zuordnen. Dazu müsstest du dich etwas mehr mit Selektoren und deren Anwendung vertraut machen. Am Besten mal ein geeignetes Tutorial durchlesen.

In deinem Fall entweder der ID-Selektor, oder der class-Selektor.

MfG
vaudi

[EKKi]

Mahlzeit project 2008,

Hmm, sorry aber raff ich immer noch nicht ganz. Ich möchte ja diesem Link <a href="index.php?option=com_artforms&amp;formid=3">Kontakt zur JAG</a> eine eigene Hovereigenschaft geben.

Diesem einen und nur dem einen, sowahr ihm Gott helfe? Dann solltest Du diesem einen Link eine http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name@title=ID verpassen - und schon kannst Du ihm <http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=ein individuelles Aussehen verpassen>.

Wenn dieser eine Link zu einer Gruppe (oder http://de.selfhtml.org/html/attribute/allgemeine.htm@title=Klasse) von Links gehört, die alle das gleiche Aussehen haben sollen, bietet sich an, <http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=diese Klasse entsprechend zu formatieren>.

Zwangsweise muss ich ja bei Hyperlinks mit <a> arbeiten oder? Das heisst es bleibt mir nix anderes übrig als a:hover, oder nicht?

Richtig. Und wenn Du das in Verbindung mit den richtigen Selektoren einsetzt (s.o.), bekommst Du auch das gewünschte Ergebnis.

MfG,
EKKi

[project 2008]

Also ich hab folgendes gemacht, den Link mit einer ID blue versehen und dies ID definiert:

<td style="color:#1B4A7B;" class="fett"><a id="blue" href="index.php?option=com_artforms&amp;formid=3">Kontakt zur JAG</a></td>

<style type="text/css">
<!--
#blue {color:#1B4A7B;}
-->
</style>

Resultat: Es klappt! Danke!

[EKKi]

Mahlzeit project 2008,

Also ich hab folgendes gemacht, den Link mit einer ID blue versehen und dies ID definiert:

Diese Bezeichnung für eine ID ist absolut unglücklich - eine ID soll (ebenso wie eine Klasse) nicht beschreiben, wie etwas aussieht (denn das kann sich ändern!), sondern um was es sich handelt. In Deinem Fall also eher sowas wie "kontakt" oder so.

<td style="color:#1B4A7B;" class="fett"><a id="blue" href="index.php?option=com_artforms&amp;formid=3">Kontakt zur JAG</a></td>

Nur mal so interessehalber: welche Art tabellarischer Daten stellst Du dar? Und wieso benutzt Du dort Inline-Styles?

<style type="text/css">
<!--

Dieser Kommentar ist überflüssig und falsch.

Resultat: Es klappt! Danke!

Natürlich - das ist immer so: Kaum macht man's richtig, klappt's! ;-)

MfG,
EKKi

[Gunnar Bittersmann]

@@EKKi:

<style type="text/css">
<!--

Dieser Kommentar ist überflüssig und falsch.

Überflüssig ja. Falsch nein. [CSS21 §4.1.1]

Live long and prosper,
Gunnar

[Gunnar Bittersmann]

@@Cheatah:

nein, die Zahl ist auf unendlich beschränkt.

Oh Meister der Oxymora!

Live long and prosper,
Gunnar