Links als Bilder nebeneinander darstellen

[Dora]

Hallo,

Ich möchte verschiedene Links als Bilder im Header horizontal darstellen. Wie funktioniert das?
Ich habe noch nicht rausgefunden wie man diverse Dinge horizontal in einem Bereich anlegt. Irgendwie soll das doch mit float:left funktionieren oder?

[Nina]

Kennst du dich mit CSS aus? Wenn nicht, würde ich dir dringendst empfehlen, dass du zuerst CSS lernst, bevor du dich als Webmaster an TYPOlight ranwagst.

[BugBuster]

Da gibts mehrere Möglichkeiten.
Wie erstellst du den Header, per HTML Modul oder als Artikel und mit TinyMCE gefüllt?
Grob, ein DIV, darin die Bilder, jedes Bild das von dir besagte float:left per css , damit sollte es in die Richtung gehen die du suchst.

[phreak]

<img>-Tags erzeugen doch gar keinen Umbruch, insofern ist das float nichteinmal von nöten, wenn natürlich auch didaktisch schöner.

Einfach: <img ... /><img ... /><img .../> Im Zweifelsfall auch mit <a ... ><img ... /></a> .

[Dora]

ok ich habe jetzt rausgefunden wie das funktioniert.

Jetzt habe ich aber das nächste Problem:

Wie kann ich in einem html text auf eine interne Seite verweisen?

Wenn ich diese benutze :{{link::*}} schreibt der mir da einen Link hin. Ich möchte aber dass das Bild mein Link ist und kein Text.

[Nina]

Dann mach es mit dem Insert Tag {{link_url::*}}

Wenn du da ein Bild haben willst, könnte das z. B. so aussehen:

<a href="{{link_url::12}}"><img src="tl_files/bilder/beispiel.jpg" width="100" height="50" alt="Link zur Beispielseite" /></a></a>

Anstatt der 12 gibst du die ID-Nummer der gewünschten Seite an.

[Dora]

danke, hat funktioniert