nicht angemeldet
Gunnar Bittersmann
Gunnar Bittersmann
Gunnar Bittersmann
Der Martin
Gunnar Bittersmann
Matthias Apsel
Servus zusammen
Komm auch gleich zur Sache. Der mir vorliegende Quelltext sieht so aus:
<style>a:link { text-decoration:underline;}</style>
<li><a href="xyz.html">Zurück zur Auswahl...</a></li>
daraus hab ich dann dies gebastelt:
<style>a:link { text-decoration:underline; color: #888888;}</style>
<li><a href="xyz.html">Zurück zur Auswahl...</a></li>
Der Text:"Zurück zur Auswahl" soll grau erscheinen. Das klappt aber nicht. Hab schon versuch li, p und a selber zu formatieren - ohne Erfolg. Der Witz an der Sache ist, daß für den Rest der Seite ein Stylesheet (css) verwendet wird. Dieses soll aber nicht verändert werden. Sondern nur dieser eine Link im Text soll grau sein.
Für einen entsprechenden Hinweis, wo der Fehler ist, wäre ich dankbar.
Danke - Messschieber
Moin,
<style>a:link { text-decoration:underline;}</style>
<li><a href="xyz.html">Zurück zur Auswahl...</a></li>
daraus hab ich dann dies gebastelt:
<style>a:link { text-decoration:underline; color: #888888;}</style>
<li><a href="xyz.html">Zurück zur Auswahl...</a></li>
Bist du dir sicher, dass du weißt, <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=was der Selektor a:link bedeutet>?
Der Text:"Zurück zur Auswahl" soll grau erscheinen. Das klappt aber nicht. Hab schon versuch li, p und a selber zu formatieren - ohne Erfolg. Der Witz an der Sache ist, daß für den Rest der Seite ein Stylesheet (css) verwendet wird. Dieses soll aber nicht verändert werden. Sondern nur dieser eine Link im Text soll grau sein.
Für einen entsprechenden Hinweis, wo der Fehler ist, wäre ich dankbar.
http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Hinweis.
Grüße Marco
@@Messschieber:
nuqneH
Sondern nur dieser eine Link im Text soll grau sein.
Kein Grund, die Regel nicht ins Stylesheet zu schreiben.
a[href="xyz.html"] { color: #888888 }
Qapla'
Hoi!
Kommt drauf an wie man diese Aussage interpretiert:
Der Witz an der Sache ist, daß für den Rest der Seite ein Stylesheet (css) verwendet wird. Dieses soll aber nicht verändert werden.
Ich bin beim lesen z.B. davon ausgegangen, dass es ein CSS File gibt, das nicht angefasst werden darf. Ich gebe aber gern zu, dass die Formulierungen sehr interpretierbar sind.
@@Steel:
nuqneH
Ich bin beim lesen z.B. davon ausgegangen, dass es ein CSS File gibt, das nicht angefasst werden darf.
Das wäre aber unsinnig. Bei einer Styleänderung *möchte* man das CSS-File anfassen. Und *nichts anderes*.
Qapla'
Hoi!
Ich bin beim lesen z.B. davon ausgegangen, dass es ein CSS File gibt, das nicht angefasst werden darf.
Das wäre aber unsinnig. Bei einer Styleänderung *möchte* man das CSS-File anfassen. Und *nichts anderes*.
Naja. Nur weil du mit der Behauptung, das sei Unsinn, recht hast, heisst das nicht, dass es nicht doch so ist. Da muss ich nur auf unsere Systeme schauen. Ich habe keinerlei Zugriff auf das CSS und muss inline styles verwenden. Jetzt kommt mein Chef und sagt:"Die Tabelle kann man so nicht lesen. Die Schrift soll groesser und jede 2. Zeile soll ne andere Farbe haben. Und in der Spalte soll alles Fett. Und der und der und der Eintrag ist wichtig, mach mal rot."
Da sag ich leise Danke, nehme mir Excel, baue die Tabelle dort wie sie aussehen soll und kopiere sie in die Sharepointseite. Der Code der dort generiert wird... Naja. Ich zitiere mal einen Menschen der Ahnung hat: "Das wäre aber unsinnig. Bei einer Styleänderung *möchte* man das CSS-File anfassen. Und *nichts anderes*."
Allein mir fehlt der Strom um sinnvoll handeln zu koennen. Da werd ich doch wohl nicht der einzige sein?
Servus ;-)
Ja, es ist in der Tat so, daß das .css nicht angerührt werden soll.
Ich hab jetzt dies versucht:
<a href="javascript:history.back()">Zurück zur Auswahl...</a>
Das funktioniert auch, aber die Schrift ist immer noch schwarz, und bei "hoover" wird sie erst grau!
Es muss doch möglich sein, innerhalb vom Quellcode für einen Links eine Ausnahme zu schreiben?
Danke
Messschieber
@@Messschieber:
nuqneH
Ja, es ist in der Tat so, daß das .css nicht angerührt werden soll.
Warum nicht?
<a href="javascript:history.back()">Zurück zur Auswahl...</a>
Warum sollte das Funktionieren eines Links von JavaScript abhängig sein? Und warum solch ein Link, der dieselbe Funktion hat wie der vorhandene Zurück-Button?
Es muss doch möglich sein, innerhalb vom Quellcode für einen Links eine Ausnahme zu schreiben?
Das 'style'-Attribut kennst du?
Qapla'
@Gunnar
Ja, es ist in der Tat so, daß das .css nicht angerührt werden soll.
Warum nicht?
Weil das CSS wohl alt und unübersichtlich ist. Eine totale Krücke. Eine Änderung an einer Stelle hätte wohl das Zusammenbrechen der gesamten Konstruktion zur Folge.
Warum sollte das Funktionieren eines Links von JavaScript abhängig sein? Und warum solch ein Link, der dieselbe Funktion hat wie der vorhandene Zurück-Button?
JavaSkript-Problematik ist mir bekannt.
ZurückButton-Problematik: Na wenn der Leser unten angekommen ist, hat er den Zurückklick direkt an der letzten gelesenen Passage. Das ist sozusagen ein Kompfort-Feature, damit der Leser nicht mit der Maus zur Browserleiste hochfahren muss.
Das scheint zu funktionieren:
<style>a:link { color: #888888;}</style>
<a href="javascript:history.back()">Zurück zur Auswahl...</a>
und das nun endlich auch:
<a href="xyz.html">Zurück zur Auswahl</a>
In den spitzen Klammern kann demnach wahrscheinlich nur ein Befehl stehen. Jetzt ist es aber so wie ich das wollte.
Danke an alle!
Messschieber
Servus schon wieder
Hat nun doch nicht so ganz geklappt. Mit
<style>a:link { color: #888888;}</style>
<a href="xyz.html">Zurück zur Auswahl...</a>
erscheint der Link zwar grau, aber nur im Mozilla FF Browser. Der IE zeigt den Link nur beim Überfahren mit der Maus grau an, ansonsten ist er schwarz.
Wie kann man denn das a in den spitzen Klammern formatieren, so daß der Text:"Zurück zur Auswahl..." immer grau erscheint?
Pfirtie
Messschieber
Hallo,
<style>a:link { color: #888888;}</style>
<a href="xyz.html">Zurück zur Auswahl...</a>Der IE zeigt den Link nur beim Überfahren mit der Maus grau an, ansonsten ist er schwarz.
hast du daran gedacht, dass :visited oder :hover als Zustände einen höheren Stellenwert haben und damit :link überschreiben, sobald sie zutreffen?
Wie kann man denn das a in den spitzen Klammern formatieren, so daß der Text:"Zurück zur Auswahl..." immer grau erscheint?
Im einfachsten Fall, indem du die Eigenschaften für a (ohne Pseudoklasse) festlegst. Das wäre dann syntaktisch korrekt, wenn auch nicht schön, sogar mit einem style-Attribut möglich, wenn man das Stylesheet "ums Verrecken" nicht anfassen will.
Ciao,
Martin
Servus Martin
Ist das so korrekt? Ich kann das leider nicht testen, da nur in der Firma Google Chrome und IE läuft:
<style>a { color: #888888;}</style>
<style>a:link { color: #888888;}</style>
<style>a:hover { color: #888888;}</style>
<style>a:visited { color: #888888;}</style>
<a href="xyz.html">Zurück zur Auswahl...</a>
Messschieber
Hallo,
Ist das so korrekt?
<style>a { color: #888888;}</style>
<style>a:link { color: #888888;}</style>
<style>a:hover { color: #888888;}</style>
<style>a:visited { color: #888888;}</style>
kommt drauf an, wo die style-Elemente plaziert sind. Im body haben sie nichts verloren, das wäre invalides HTML (wird aber von den gängigen Browsern dennoch akzeptiert). Im head-Element wär's zwar technisch korrekt, aber unabhängig von der Plazierung bezieht sich die Definition so auf alle a-Elemente im Dokument.
Ich hatte nicht umsonst vorgeschlagen, in diesem Fall ausnahmsweise ein style-*Attribut* zu nehmen, obwohl ich sonst normalerweise davon abrate.
Ciao,
Martin
Servus
kommt drauf an, wo die style-Elemente plaziert sind. Im body haben sie nichts verloren, das wäre invalides HTML (wird aber von den gängigen Browsern dennoch akzeptiert). Im head-Element wär's zwar technisch korrekt, aber unabhängig von der Plazierung bezieht sich die Definition so auf alle a-Elemente im Dokument.
Genau deshalb können die nicht im head stehen. Sonst ändert sich die gesammte Webseite.
Ich hatte nicht umsonst vorgeschlagen, in diesem Fall ausnahmsweise ein style-*Attribut* zu nehmen, obwohl ich sonst normalerweise davon abrate.
Was du mit style-Attribut meinst, weis ich nicht.
So kompliziert hab ich mir das nicht vorgestellt. Wie wäre es denn alternativ ein Klickbildchen zu verwenden? Auf ner Grafik hab ich mit Gimp die volle Kontrolle, in welcher Farbe der Text erscheinen soll. Also quasi klick auf Bild führt zu xyz.html.
Messschieber
Servus
Nun hat es doch noch geklappt:
<a href="xyz.html"><img src="reverse-logo.jpg" alt="reverse-logo" border="0" align="middle"></a>
Viele Wege führen ja bekanntlich nach Rom. Ich hab mich für die Bildvariante
entschieden.
Danke und Pfirtie
Messschieber
@@Der Martin:
nuqneH
hast du daran gedacht, dass :visited oder :hover als Zustände einen höheren Stellenwert haben und damit :link überschreiben, sobald sie zutreffen?
Was genau meinst du mit „Stellenwert“? :visited, :hover und :link haben exakt dieselbe Spezifität. In dem Fall überschreibt die letzte geltende Pseudoklasse die vorigen.
:visited und :link schließen sich übrigens gegenseitig aus; ein Link kann ja nicht gleichzeitig noch nicht besucht und schon besucht sein.
:hover ist was Anderes und kann auch mit :visited und :link kombiniert werden. Auch sollte man an :focus denken; nicht alle Nutzer navigieren mit der Maus.
Qapla'
Hallo,
hast du daran gedacht, dass :visited oder :hover als Zustände einen höheren Stellenwert haben und damit :link überschreiben, sobald sie zutreffen?
Was genau meinst du mit „Stellenwert“?:visited,:hoverund:linkhaben exakt dieselbe Spezifität.
deswegen habe ich diesen Begriff absichtlich vermieden; ich meinte das Reihenfolge-bedingte Überschreiben.
:visitedund:linkschließen sich übrigens gegenseitig aus; ein Link kann ja nicht gleichzeitig noch nicht besucht und schon besucht sein.
Das was mir allerdings neu. Ich war bisher immer der Meinung, :link gelte für Links, unabhängig davon, ob bereits besucht oder nicht. Deswegen fand ich es auch einleuchtend, in der immer wieder empfohlenen Reihenfolge (:link, :visited, :focus, :hover, :active) die vermeintlich allgemeinere Pseudoklasse :link zuerst zu nennen, damit sie von :visited (falls zutreffend) überschrieben werden kann.
Wenn :link allerdings nur für nicht besuchte Links gilt, ist die Reihenfolge von :link und :visited ja egal.
Auch sollte man an
:focusdenken; nicht alle Nutzer navigieren mit der Maus.
Guter Punkt.
Ciao,
Martin
@@Der Martin:
nuqneH
Ich war bisher immer der Meinung, :link gelte für Links, unabhängig davon, ob bereits besucht oder nicht.
Nein, dem ist nicht so. [CSS21, CSS3SEL, http://de.selfhtml.org/css/formate/zentrale.htm#pseudoformate@title=SELFHTML] Und ja, die Psudoklasse ist selten dumm benannt. Noch dümmer als die 'text-align'-Eigenschaft.
Für alle Links ist :any-link vorgesehen. [CSS4SEL] Gibt’s schon mit -moz--Präfix.
Die Unterscheidung zwischen noch nicht besuchten und schon besuchten Links mag für den Nutzer eins Hilfe sein; fragwürdig ist sie dennoch: Sie versagt, wenn ein Nutzer mehrere Browser oder mehrere Systeme nutzt und wenn mehrere Personen denselben Browser auf demselben System nutzen. Da ist eine serverseitige Unterscheidung (wie hier im Forum) sinnvoller, setzt aber eine Anmeldung voraus.
Außerdem unterscheiden manche Browser gar nicht mehr, um die Privatsphäre des Nutzers zu schützen (History-Steeling).
Qapla'
Om nah hoo pez nyeetz, Messschieber!
Das funktioniert auch, aber die Schrift ist immer noch schwarz, und bei "hoover" wird sie erst grau!
Der Link wird nicht angesaugt ;-)
Matthias
Dear my little funny friend...
Das funktioniert auch, aber die Schrift ist immer noch schwarz, und bei "hoover" wird sie erst grau!
Der Link wird nicht angesaugt ;-)
Dann probieren wir es mal mit einem "o"...
PS:
Aber es gibt Links, die angesaugt werden, bzw. in ein Schwarzes Loch führen. Meist gefolgt von der Meldung 500 Internal Server Error
Servus Messschieber
Hallo,
Aber es gibt Links, die angesaugt werden, bzw. in ein Schwarzes Loch führen. Meist gefolgt von der Meldung 500 Internal Server Error
oder Tom testet MySQL-Features :-)
Freundliche Grüße
Vinzenz
