wie Referenzieren ?

[Der Martin]

Hi,

Zum einen, wie Referenziere ich die unten stehende Zeile richtig dass nur der erste Text in blau erscheint?

um zu verstehen, was du meinst, erlaube ich mir mal, deinen Code etwas lesbarer zurechtzurücken. Warum ist der überhaupt so konfus?

<li>
 <p style="color: #0033FF;">
  <span style="font-size:1.55em">Schiffsreisen</span>
  &nbsp;&nbsp;
  <span style="font-size:1.6em">&nbsp;&nbsp;&#x27A2;&nbsp;&nbsp;</span>
  &nbsp;&nbsp;
  <a class="list-1" href="reisen_a.html#ausfluege">Ausflüge</a>
 </p>
</li>

Als erstes würde ich mal die vielen   entsorgen und die Abstände mit dem dafür vorgesehenen Mittel regeln - mit CSS (margin und/oder padding).

<ul id="reisen">
 <li>
  <span>Schiffsreisen</span>
  <a class="list-1" href="reisen_a.html#ausfluege">Ausflüge</a>
 </li>
 ...
</ul>

Sieht doch schon viel übersichtlicher aus. Den Pfeil habe ich nicht vergessen; aber da der in gewisser Weise dem nachfolgenden Link zugeordnet ist, würde ich den auch da ranhängen. Und zwar als Pseudoelement ::before. Das rudimentäre Stylesheet-Beispiel enthält mal nur die Angaben, die auch deinem Beispiel entsprechen.

#reisen li
 { color: #03F;
 }
#reisen span
 { font-size: 1.55em;
 }
#reisen a.list-1
 { padding-left: 1.0em;
 }
#reisen a.list-1::before
 { padding-left:  0.5em;
   padding-right: 0.5em;
   content: "\u27A2;";
   font-size: 1.6em;
 }

Mit den Werten für padding und font-size kann man noch etwas spielen, aber im Wesentlichen sollte das schon dein ursprüngliches Beispiel widerspiegeln.

Bitte gebt mir den genauen Syntax ...

DIE Syntax.

So long,
 Martin