Menü: Link style code injizieren statt wrap?

[leoing]

Morgen,

bin T3 und CSS und Forum Einsteiger, habt Nachsicht

Folgender Menü Style ist in einer statischen Seite (die auf T3 umziehen
soll) realisiert:

PHP-Code:

<div id="menu">
  <div class="mm_on"><a href="index.html" class="menu_on">Home</a></div>
  <div class="mm_off"><a href="credo.html" class="menu_off">Credo</a></div>
  <div class="mm_off">&nbsp;</div>
</div> 


Dahinter liegt folgendes CSS:

PHP-Code:

a:link.menu_on { text-decoration:none; color:#ffffff; font-weight:bold; font-size:12px;}
a:visited.menu_on { text-decoration:none; color:#ffffff; font-weight:bold; font-size:12px;}
a:hover.menu_on { text-decoration:none; color:#ffffff; font-weight:bold; font-size:12px; }
a:active.menu_on { text-decoration:none; color:#ffffff; font-weight:bold; font-size:12px;}


.mm_on                {
                    background-image:  url("menu_on.gif"); background-repeat:no-repeat;
                    width:164px; height:28px;
                    line-height:28px;
                    padding-left:25px;
                    }
.mm_off                {
                    background-image:  url("menu_off.gif"); background-repeat:no-repeat;
                    width:164px; height:28px;
                    line-height:28px;
                    padding-left:25px;
                    } 


Problem ist: mm_on + mm_off ist ja einfach mittels

PHP-Code:

1.NO.linkWrap = <div class="mm_off"> | </div> 


zu realisieren. Aber wie bekomme ich das menu_on oder menu_off in die Links

PHP-Code:

<a href="index.html" class="menu_on"> 


"geschmuggelt"? Oder kann Typo3 nur wrappen un dich muß das CSS umformulieren? Ist mir bisher nicht gelungen - irgendwelche Tips?

Besten Dank, Ingo

[steffenk]

Hallo und herzlich willkommen.

1.ACT = 1
1.ACT < .1.NO
1.ACT.linkWrap = <div class="mm_on"> | </div>

ACT ist der Zustand der aktiven Seite.

Wobei ich anmerken möchte, das Menüs normalerweise als Listen generiert werden.

[leoing]

Hi Stäffen

danke für's Willkommen!

Zitat von St@eff.en

1.ACT = 1
1.ACT < .1.NO
1.ACT.linkWrap = <div class="mm_on"> | </div>

ACT ist der Zustand der aktiven Seite.

Das ist cool, weil ich schon immer mal wissen wollte, wie das geht,
habe mit CUR rumgespielt, aber nicht komplett erfolgreich - danke dir!

Aber: Hatte mich wahrscheinlich nicht klar genug ausgedrückt.
Daß wrappen mit TS problemlos geht, war mir klar. Nun ist das CSS
aber leider so, daß die font Eigenschaften innerhalb von <a ...> mitgegeben werden:

PHP-Code:

<a href="index.html" class="menu_on"> 


Beachte, daß es mm_on und menu_on gibt. So, das ist ja nun irgendwie schwer zu wrappen. Habe versucht, das CSS umzuschreiben, daß ich den link in einen <div> link </div> einschließen kann, hat nicht geklappt. Kenne mich bei CSS auch noch nicht aus, ob das überhaupt geht.

Mein Eindruck ist ja, daß man das in Typo3 nicht lösen kann, weil nur wrappen aber nicht injizieren (in <a ..>) geht, also das CSS umschreiben muß, um wrappable zu sein.

Zitat von St@eff.en

Wobei ich anmerken möchte, das Menüs normalerweise als Listen generiert werden.

Hmm, das klingt nach einem wichtigen Hinweis. Ich verstehe ihn bloß nicht. Care to elaborate?


Gruß!

[steffenk]

folgendes, ein Standardmenü sieht so aus:

<ul id="mainmenu">
<li><a href="">...</a></li>
<li><a class="active" href="">...</a></li>
<li><a href="">...</a></li>
<li><a href="">...</a></li>
<li><a href="">...</a></li>
</ul>

So kannst Du alle Elemente im Hauptmenü leicht ansprechen:

ul#mainmenu - Eigenschaften der Liste
ul#mainmenu li - Eigenschaften der Listenpunkte
ul#mainmenu li a - Eigenschaften der Links
ul#mainmenu li a.active - Eigenschaften des aktuellen Links

[leoing]

Hallo Steffen,

Zitat von St@eff.en

folgendes, ein Standardmenü sieht so aus:

Hab's probiert, bin aber irgendwie CSS-lernresistent bei der Hitze.

Ich hab aber gefunden was ich mit "injizieren" meinte: ATagParams. Und zwar hier bei "dir" , jetzt geht mein Menü.