Fehler bei Linkdefinition?

[KD-one]

Hallo alle,

Ich habe einen merkwürdigen Fehler bei dem Link zur Startseite in der Breadcrumbnavigation.

Linktext: STARTSEITE

Nun ist es so, daß nur bis zum zweiten "T" der Link vollständig anklickbar ist, ab da geht es nur mehr dann, wenn man mit dem Mauszeiger ganz an den Rand in den Bereich der Under-/Overlines(bei hover) fährt.
Im Textbereich ist der Link nicht mehr klickbar.

Das CSS:

a.dyn { font-weight:bold;color:#292C63;text-decoration:none; }
a.dyn:link, visited { font-weight:bold;color:#292C63;text-decoration:none; }
a.dyn:hover, active { font-weight:bold;color:#292C63;text-decoration:underline overline; }

Ich habe schon verschiedenste Formatierungsformen versucht, nichts hilft.
Der einzige, der  das korrekt umsetzt ist der IE, Mozilla, Firebird und Opera zeigen obengenannten Fehler.

Link zur Testseite(eine beliebige Unterseite, bei der der Link generiert wird, der Fehler tritt aber bei allen Seiten auf):
http://dunzinger.cix.at/united-web/faq/index.php?content=scrollbars
Der Link wird dynamisch per PHP generiert, falls das damit zu tun haben könnte, hier auch der Link zum Script:
http://dunzinger.cix.at/united-web/faq/scripte/breadcrumb.inc.phps
Ich kann mir aber nicht vorstellen, daß es was mit PHP zu tun hat, der Quelltext der Seite und insbesondere des Links sieht völlig normal aus.
Bug oder Feature?

Gruß

Kurt

[Mathias Bigge]

Hi KD-one,

im IE 5 gibt's das Phänomen auch. Merkwürdig. Eine Lösung habe ich leider auch nicht parat. Sorry, aber mir scheint alles korrekt zu sein.

Viele Grüße
Mathias Bigge

[KD-one]

Hallo Mathias,

im IE 5 gibt's das Phänomen auch. Merkwürdig. Eine Lösung habe ich leider auch nicht parat. Sorry, aber mir scheint alles korrekt zu sein.

Danke dir für's nachschauen.
Der Fehler war aufgrund der Positionierung schwer zu finden, mich wundert es, daß gleich zwei Leute draufgekommen sind.
Ich bin stundenlang mit viereckigen Augen dabeigesessen und hab es nicht gefunden. :-)

Gruß

Kurt

[molily]

Ich habe einen merkwürdigen Fehler bei dem Link zur Startseite in der Breadcrumbnavigation.

Linktext: STARTSEITE

Nun ist es so, daß nur bis zum zweiten "T" der Link vollständig anklickbar ist, ab da geht es nur mehr dann, wenn man mit dem Mauszeiger ganz an den Rand in den Bereich der Under-/Overlines(bei hover) fährt.
Im Textbereich ist der Link nicht mehr klickbar.

Füge einmal ein:
#div1 {border:1px solid red;}
Klingelt's? Das relativ positionierte Element hat natürlich die Breite, die es in der Position im normalen Fluss hat. Und das ist die Breite des Elternelements, div#content. Somit überlappt es den Link zur Hälfte.

a.dyn { font-weight:bold;color:#292C63;text-decoration:none; }
a.dyn:link, visited { font-weight:bold;color:#292C63;text-decoration:none; }
a.dyn:hover, active { font-weight:bold;color:#292C63;text-decoration:underline overline; }

Mit dem Komma lassen sich nur volle Selektoren zusammenfassen, also müsste es heißen a.dyn:link, a.dyn:visited und a.dyn:hover, a.dyn:active. visited und active alleine wären Typselektoren, in HTML gibt es aber keine Elemente namens visited und active.

[KD-one]

Hallo molily,

Füge einmal ein:
#div1 {border:1px solid red;}
Klingelt's? Das relativ positionierte Element hat natürlich die Breite, die es in der Position im normalen Fluss hat. Und das ist die Breite des Elternelements, div#content. Somit überlappt es den Link zur Hälfte.

Oh Mann, daran habe ich ja nun überhaupt nicht gedacht. Da das Div aus einem anderen Teil der Seite hier eingefügt wird, ist es mir bei der Fehlersuche überhaupt nicht in den Sinn gekommen, daß das die Ursache sein könnte.

Mit dem Komma lassen sich nur volle Selektoren zusammenfassen, also müsste es heißen a.dyn:link, a.dyn:visited und a.dyn:hover, a.dyn:active. visited und active alleine wären Typselektoren, in HTML gibt es aber keine Elemente namens visited und active.

Das wusste ich nicht, habe es aber sofort korrigiert.
Seltsamerweise hat sich aber auch der Validator nicht daran gestört.
Ich danke dir! :-)

Gruß

Kurt

[Des Bobbele]

Hallihallohallöle,

Mit dem Komma lassen sich nur volle Selektoren zusammenfassen, also müsste es heißen a.dyn:link, a.dyn:visited und a.dyn:hover, a.dyn:active. visited und active alleine wären Typselektoren, in HTML gibt es aber keine Elemente namens visited und active.
Das wusste ich nicht, habe es aber sofort korrigiert.
Seltsamerweise hat sich aber auch der Validator nicht daran gestört.

Was soll daran seltsam sein?
Ein Elementname ist ein zulässiger Selektor in CSS. Also hat der CSS-Validator daran nichts auszusetzen.
Der HTML-Validator wiederum interessiert sich nicht fürs CSS.

CSS ist nicht auf HTML beschränkt, es kann mit beliebigem XML eingesetzt werden - also DARF der CSS-Validator in HTML nicht existente Elemente nicht als Fehler melden - er weiß ja nicht, daß die Dokumentsprache HTML ist.

Des Bobbele

[KD-one]

Hallo Des Bobbele,

Seltsamerweise hat sich aber auch der Validator nicht daran gestört.

Was soll daran seltsam sein?
Ein Elementname ist ein zulässiger Selektor in CSS. Also hat der CSS-Validator daran nichts auszusetzen.
Der HTML-Validator wiederum interessiert sich nicht fürs CSS.

Ja, logisch weitergedacht, hast du natürlich recht.

CSS ist nicht auf HTML beschränkt, es kann mit beliebigem XML eingesetzt werden - also DARF der CSS-Validator in HTML nicht existente Elemente nicht als Fehler melden - er weiß ja nicht, daß die Dokumentsprache HTML ist.

Ein Punkt, welchen ich leider allzuoft vergesse.
Danke dir.

Gruß

Kurt

[Des Bobbele]

Hallihallohallöle,

a.dyn { font-weight:bold;color:#292C63;text-decoration:none; }
a.dyn:link, visited {

Damit formatierst Du a-Elemente mit class dyn und href-Attribut sowie visited-Elemente (die es in HTML aber nicht gibt).
Meinst Du
a.dyn:link, a.dyn:visited {
?

a.dyn:hover, active {

s.o., vermutlich meinst Du

a.dyn:hover, a.dyn:active {

Der einzige, der  das korrekt umsetzt ist der IE, Mozilla, Firebird und Opera zeigen obengenannten Fehler.

Du positionierst diverse Elemente mit negativen Werten bei top.
Kann es sein, daß da irgendwas den Link überlagert?

Des Bobbele

[KD-one]

Hallo Des Bobbele,

Damit formatierst Du a-Elemente mit class dyn und href-Attribut sowie visited-Elemente (die es in HTML aber nicht gibt).
Meinst Du
a.dyn:link, a.dyn:visited {
?

Jo, das meinte ich. :-)
Hab ich schon korrigiert, danke für den Hinweis.

Der einzige, der  das korrekt umsetzt ist der IE, Mozilla, Firebird und Opera zeigen obengenannten Fehler.

Du positionierst diverse Elemente mit negativen Werten bei top.
Kann es sein, daß da irgendwas den Link überlagert?

Ja, das wars. Ganz duimmer Fehler von mir. ;-)

Gruß

Kurt