Hallo zusammen,
ich hab das Menü mit dem Untermenü jetzt so umgesetzt:
HTML-Code:
<!-- 1. ebene -->
<ul class="nav1">
<il><a href="#">punkt 1</a></li>
<il><a href="#">punkt 2</a></li>
<il><a href="#">punkt 3</a></li>
</ul>
<!-- 2.ebene -->
<ul class="nav2">
<il class="nav2"><a class="nav2" href="#">punkt 2 # punkt 1</a></li>
<il class="nav2"><a class="nav2" href="#">punkt 2 # punkt 2</a></li>
<il class="nav2"><a class="nav2" href="#">punkt 2 # punkt 3</a></li>
<il class="nav2"><a class="nav2" href="#">punkt 2 # punkt 4</a></li>
<il class="nav2"><a class="nav2" href="#">punkt 2 # punkt 5</a></li>
</ul>
soweit sieht das alles ganz gut aus. jetzt möchte ich aber gern, das hinter jedem listenpunkt noch ein pfeil mit im link sitzt.
HTML-Code:
<!-- 2.ebene -->
<ul class="nav2">
<il class="nav2">
<a class="nav2" href="#">
<div class="link" punkt 2 # punkt 1</div>
<div class="pfeil">[COLOR="Red"]→[/COLOR]</div>
</a>
</li>
<il class="nav2">
<a class="nav2" href="#">
<div class="link" punkt 2 # punkt 2</div>
<div class="pfeil">[COLOR="Red"]→[/COLOR]</div>
</a>
</li>
<il class="nav2">
<a class="nav2" href="#">
<div class="link" punkt 2 # punkt 3</div>
<div class="pfeil">[COLOR="Red"]→[/COLOR]</div>
</a>
</li>
<il class="nav2">
<a class="nav2" href="#">
<div class="link" punkt 2 # punkt 4</div>
<div class="pfeil">[COLOR="Red"]→[/COLOR]</div>
</a>
</li>
<il class="nav2">
<a class="nav2" href="#">
<div class="link" punkt 2 # punkt 5</div>
<div class="pfeil">[COLOR="Red"]→[/COLOR]</div>
</a>
</li>
</ul>
Bisher habe ich sowas direkt immer im Code gemacht, aber TL arbeitet da ja doch etwas anders und über ein Bild im den Pfeil darzustellen würde ich ungern, da der Pfeil ja zur UTF8 Codierung gehört.
Hat jemand dazu vielleicht ne Idee, wie ich dies per Code umsetzen kann in TL?
Besten Dank für eure Hilfe,
m.orange
Lesezeichen