Zum Inhalt springen

Menü über ein Image

Erstellt am 28. April 2004 · 13 Antworten · letzte Antwort am 30. April 2004

Tags: Frage

Elfe ·

Hallo,
ist es irgendwie möglich ein Menü über ein komplettes Image zu legen.
D.h. ich habe ein Image mit 300x20 Pixeln, und auf diesem soll das komplette Menü liegen.
Kriegs irgenwie nicht hin.
Für Hilfe schonmal danke.
Rainer

maxhb ·

Hi!
Du könntest dir ein DIV definieren und Dein Bild als Hintergrund verwenden. Dann kannst Du einfach ein TMENU in dieses DIV einfügen und fertig.

CU
maxhb

Elfe ·

Hi,
na klar prima Idee. Thank´s a lot.
Nur wie bekomm ich dann beim Tmenu die Unterstreichung und Farbänderung des Links weg?
Sollte dann genauso aussehen wie der text beim gmenu.
Rainer

TW ·
Elfe schrieb

Nur wie bekomm ich dann beim Tmenu die Unterstreichung und Farbänderung des Links weg?

hi
über css wäre ne möglichkeit..

cu
thorsten

Elfe ·

Hey zusammen,
danke so funktioniert es und sieht so aus wie´s geplant war.
Sollte mich doch einfach noch mehr mit CSS beschäftigen. Ist mittlerweile
einfach zu elementar.
Rainer

maxhb ·

Hi!

Elfe schrieb

Sollte mich doch einfach noch mehr mit CSS beschäftigen. Ist mittlerweile
einfach zu elementar.

kann ich nur wärmstens empfehlen, denn Typo3 mit seinen vielen Wraps und CSS sind zusammen ziemlich mächtig. Ausserdem ist es viel übersichtlicher, per CSS und HTML die logische Auszeichnung und das Layout zu trennen...

CU
maxhb

Elfe ·

Hey,
ich habe nun ein schönes css geschrieben und eingebunden. Funktioniert so wie ich es mir vorgestellt habe.
Ich habe den mark und das Image in in ein div gepackt.
Leider wird mir das Menü aber nicht auf dem Image dargestellt sondern darüber. Warum?
Rainer

maxhb ·
Elfe schrieb

Leider wird mir das Menü aber nicht auf dem Image dargestellt sondern darüber. Warum?
Rainer

Poste mal den entsprechenden Teil aus dem erzeugten HTML-Quellcode...

CU
maxhb

Elfe ·

Hallo,
hier ist die betreffende Tabelle

<tr>
          <td width="326" height="25" align="left" valign="top"><div id="top">###top###<img src="file://fileadmin/images/Vorlage_10.gif" width="326" height="25"></div></td>
      </tr>

Hoffe das reicht um den Fehler zu finden.
Rainer

TW ·
Elfe schrieb

Hallo,
hier ist die betreffende Tabelle

<tr>
          <td width="326" height="25" align="left" valign="top"><div id="top">###top###<img src="file://fileadmin/images/Vorlage_10.gif" width="326" height="25"></div></td>
      </tr>

Hoffe das reicht um den Fehler zu finden.
Rainer

hi
was is denn das

file://fileadmin/images/Vorlage_10.gif

cu
thorsten

Elfe ·

Sorry,
stör dich nicht am Image Pfad. Der ist im original etwas anderns, da die Site noch lokal bei mir läuft,
war er länger. Für das Codebeispiel hab ich ihn einfach geändert. Wohl zu schlampig.
So geht´s halt mal in der Eile.
Rainer

doku ·

Warum?

weil du es so ins html geschrieben hast, ganz einfach. 😉

Ich habe den mark und das Image in in ein div gepackt.

du mußt für beide elemente jeweils eine eigene box definieren. die kannst du dann übereinanderlegen.
oder du bindest dein bild als background-image ein. geht auch, bzw. is auch einfacher... 😉

maxhb ·

Hi!

Elfe schrieb

Hey,
ich habe nun ein schönes css geschrieben und eingebunden. Funktioniert so wie ich es mir vorgestellt habe.
Ich habe den mark und das Image in in ein div gepackt.
Leider wird mir das Menü aber nicht auf dem Image dargestellt sondern darüber. Warum?

Nicht beide in ein DIV packen, sondern den Markern in das DIV und das Bild als background-image über CSS einbinden, sonst sieht es halt so aus wie bei Dir ...

CU
maxhb

Elfe ·

Hallo,
na klar ich Trottel. Habs nicht im Hintergrund gehabt.
Vielen Dank für´s Augen öffnen.
Schönes Wochenende an Euch alle
Rainer