Zum Inhalt springen

menüsteuerung-mouse over effekt

Erstellt am 15. April 2003 · 12 Antworten · letzte Antwort am 6. Mai 2003

Tags: HTML & CSS, Frage

jens ·

Hallo!
Ich arbeite mich gerade in Typo Script ein und habe ein Menü erstellt.
Soweit so gut...aber nun mein Problem...
Ich möchte den Mouse Over Effekt integrieren.
Wenn ich nun mit der Maus über den Verlinkten Text im Menü fahre färbt sich die Zelle wie gewünscht ein. Leider muss hierfür der Text vom mauszeiger berührt werden.
Schöner wäre es natürlich wenn sich die Zelle einfärbt sobald sich der Mauszeiger in die Zelle bewegt.
(und nich nur wenn ich über den verlinkten Text fahre)
Leider weiss ich nicht wie ich das einstellen kann.
Weiss jemand Rat?
Danke

Hier mein Script:

# Menüsteuerung links

marks.MENULI = HMENU
marks.MENULI.wrap = <table border=1 width=100%>|</table>
marks.MENULI.1 = TMENU

marks.MENULI.1.expAll=1
marks.MENULI.1.NO {
allWrap = <tr><td colspan=2 valign=top id="1tmenu{elementUid}" style="background:#CEE7FF;">|</td></tr>
subst_elementUid = 1
RO_chBgColor = #C0C0C0 | #CEE7FF | 1tmenu
RO = 1
}

marks.MENULI.2 = TMENU
marks.MENULI.2.NO {
allWrap = <tr> <td colspan=2 valign=top id="2tmenu{elementUid}" style="background:#F0F0F0;">
<img src=media/bullets/bullet1_n.gif>|</td></tr>
subst_elementUid = 1
beforeImg = media/bullets/bullet1_n.gif
beforeROImg = media/bullets/bullet1_h.gif
RO_chBgColor = #CEE7FF| #F0F0F0| 2tmenu
RO = 1

}

jens ·

Sorry, ich habe mich falsch ausgedrückt. Eigentlich wollte ich die ganze Zelle verlinken und nicht nur mit dem Mouse Over Effekt versehen. So dass die Zelle wie ein Button wirkt.

hier nocheinmal das Script:

marks.MENULI.2 = TMENU
marks.MENULI.2.NO {
allWrap = <tr> <td onMouseOver="this.bgColor='#6699FF'" onMouseOut="this.bgColor='#FFFFFF'" colspan=2 valign=top id="2tmenu{elementUid}">
<img src=media/bullets/bullet1_n.gif>|</td></tr>
subst_elementUid = 1
beforeImg = media/bullets/bullet1_n.gif
beforeROImg = media/bullets/bullet1_h.gif
RO=1

}

Reen ·

Ist das Thema noch aktuell stehe vor dem gleichen Problem wenn ich den wrap einfüge, dann erschientnur der Menütext als Link, nicht die Tabellenzelle wie verlinke ich die ganze zelle (sollte eigentlich möglich sein vgl. http://www.schwangau.de)

sacha ·

Hi,

jens schrieb

Sorry, ich habe mich falsch ausgedrückt. Eigentlich wollte ich die ganze Zelle verlinken und nicht nur mit dem Mouse Over Effekt versehen. So dass die Zelle wie ein Button wirkt.

dann lass den Tabellenmuell doch gleich ganz weg und mache es so wie hier:
http://barrierefrei.e-workers.de/

Ciao,

Sacha

Reen ·

das geht aber jetzt über stylesheets .. und wie bekomme ich das in typoscript hin ??

sacha ·

Hi,

Reen schrieb

das geht aber jetzt über stylesheets .. und wie bekomme ich das in typoscript hin ??

du legst per wrap ein div mit einer class="menulink" um den link und alles weitere regelst du ueber das Stylesheet. Da brauchst du gar nicht weiter mit TS zu arbeiten.

Wie man css-Dateien einbindet ist hier erklaert:
http://typo3.org/1422.0.html?&tx_maillisttofaq_pi1[mode]=5

Ciao,

Sacha

Reen ·

Ich hatte eigentlich ursprünglich keine Lust CSS zu verwenden, da ich bis gestern, eigentlich so gut wie keine Ahnung vonn CSS hatte, aber Stylesheets machen die Sache glaube ich im allgemeinen Design weitaus einfacher ... wenigstens funktioniert das mit dem menü nun :-)

Korpi ·

Warum willst du die Buttons überhaupt mit TMENU machen ? Das geht doch mit GMENU automatisch !

Reen ·

erstens weils ums prinzip geht,
zweitens, weils schneller läd,
drittens, weil man auf nem textbasierten browser mit nem gmenü nix
anfangen kann.
viertens weils weniger webspace braucht

Korpi ·
Reen schrieb

erstens weils ums prinzip geht

oha

zweitens, weils schneller läd,

Tabellen haben aber hinsichtlich Ladezeit auch nicht unbedingt einen sehr guten Ruf

drittens, weil man auf nem textbasierten browser mit nem gmenü nix
anfangen kann.

Mit Tabellen aber schon ?

Wenn du es unbedingt so streng handhaben willst, dann verzichte doch einfach darauf dass die Grafik verlinkt ist...

jens ·

Hi!

aber Stylesheets machen die Sache glaube ich im allgemeinen Design weitaus einfacher ... wenigstens funktioniert das mit dem menü nun

Wie sieht denn dein Stylesheet aus bzw. wie hast du das festgelegt?
jens