Zum Inhalt springen

Typolinks rtekeep - Links auf einer Seite

Erstellt am 9. Januar 2006 · 4 Antworten · letzte Antwort am 26. Januar 2006

Tags: Links, HTML & CSS, Frage

Andrea_Herzog ·

Hallo zusammen,
ich habe eine sogenannte Mitgliederliste erstellt, in der untereinander die Adressen der Mitglieder alphabetisch sortiert werden.

Oberhalb der Liste habe ich eine Leiste ABCDE.... mit Links versehen. Sieht dann so als HTML-Element in der Seite aus:

<div align="justify">
<a href="#168">A  </a> <a href="#169"><font color="#33397c"><b>B  </a></font></b> <a href="#170">C  </a> <a href="#171"><font color="#33397c"><b>D </a></font></b> <a href="#172"><font color="#33397c"><b>E </a> </font></b><a href="#173"><font color="#33397c"><b>F </a></font></b> <a href="#174">G </a> <a href="#175"><font color="#33397c"><b>H </a></font></b> <a href="#176"><font color="#33397c"><b>I </a></font></b> <a href="#177">J </a> <a href="#178"><font color="#33397c"><b>K </a></font></b> <a href="#179"><font color="#33397c"><b>L </a></font> </b><a href="#180"><font color="#33397C"><b>M </a></font></b><a href="#181"><font color="#33397C"><b> N </b></a></font><a href="#182">O </a> <a href="#183"><b><font color="#33397c">P </a></font></b><a href="#184">Q </a> <a href="#185"><font color="#33397c"><b>R </a></font></b> <a href="#186"><font color="#33397c"><b>S </a></font></b> <a href="#187"><font color="#33397c"><b>T </a></font></b><a href="#188"><font color="#33397c"><b>U </b></a> <a href="#189"><font color="#33397c"><b>V </b></a></font> <a href="#190"><font color="#33397c"><b>W</b> </a> </font><a href="#191">X </a> <a href="#192">Y </a> <a href="#193">Z</a>
</div>

Oberhalb jedes Bereiches (alle Adressen mit A, alle mit B...) habe ich ein Inhaltselement A und so weiter stehen.

Der Link von der oberen Alphabethleites führt zu diesem Buchstaben.
Sieht dann so aus, wenn man den RTE abschaltet:

<p><a name="#169" rtekeep="1"><font color="#33397c"><strong>B</strong></font></a></p>

Das heißt, dass die alphabetische Liste auf diesen Buchstaben, also den Teil der Seite verweist, wo er hinspringen soll.

Das funktioniert auch - aber nur im IE.
Der Firefox verlinkt das nicht.

Hat jemand eine Idee, wieso nicht?

Gruß
Andrea

Sutter ·

Hallo Andrea,

versuch einmal entweder dem Link eine Klasse zu geben,
<a class="member" href=...> oder einen div um die Links
zu legen <div class="member">

Diese kannst du dann in der CSS Datei folgendermassen
definieren:

.member a:link, .member a:visited {
color: #33397c;
}
.member a:hover, .member a:active {
color: #33397c;
}

Dann sollte auch im Firefox die
Darstellung stimmen.

Andrea_Herzog ·

Hallo Ruben,
danke für deine Hilfe.

Ich habe eine Klasse um das gesamte "Link-Alphabet" gelegt, diese im CSS angegeben.

Als das nicht half, habe ich eine Klasse für einen einzelnen Link gesetzt.

Aber der Firefox ist weiterhin nicht im mindesten interessiert.

Geschadet hat es allerdings auch nicht. Der IE arbeitet korrekt weiter.

Viele Grüße
Andrea

Andrea_Herzog ·

Hallo,
ich habe das jetzt so gelöst:

Über den RTE habe ich einen Link zum gewünschten Contentelement gesetzt.

Da ich für die Elemente keine Überschriften hatte, ging das natürlich nicht, denn man weiß dann ja nicht, welches Element es ist.
Also habe ich den Dingern Überschriften vom Typ Versteckt zugewiesen.
Jetzt geht alles wunderbar in IE und Firefox.

Bis dann,
Andrea