rex_navigation und Grafik

[Southtown_m]

Hallo da bin ich mal wieder.

Ist es mit Rex_navigation möglich die Menüpunkte via CSS diese mit Grafik zu hintelegen.

CSS BEISPIEL:
#navi li.a a {width: 7.688em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_01.jpg);}
#navi li.b a {width: 4.625em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_02.jpg);}
#navi li.c a {width: 10.25em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_03.jpg);}
#navi li.d a {width: 7.625em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_04.jpg);}
#navi li.e a {width: 8.625em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_05.jpg);}
#navi li.f a {width: 8.063em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_06.jpg);}


HTML BEISPIEL SCHAUT z.B. so AUS:
<li class="a"><a href="html/seite1.html" title="nichts"></a></li>
<li class="aktiv"><a href="html/seite1.html" title="nichts"></a></li>
<li class="c"><a href="html/seite1.html" title="nichts"></a></li>
<li class="d"><a href="html/seite1.html" title="nichts"></a></li>
<li class="e"><a href="html/seite1.html" title="nichts"></a></li>
<li class="f"><a href="html/seite1.html" title="nichts"></a></li>


Wenn ich in der CSS z.B. eingebe:
#navi li a.REC-CURRENT {width: 7.688em; height: 3.25em; border:0; float:left; background-image: url(../grafiken/navi/inaktiv/navi_01.jpg);}

zeigt er mir das Bild vom jetzigem Menüpunk an. Da ist allerdings noch das Problem, das der Menüpunkt noch als Text zusätzlich erscheint.

Meine Frage also, gibt es eine Mögichkeit überhaupt dies mit Rex_navigation zu lösen?

Hab zwar ein bisschen rumgespielt aber keinen Ansatz gefunden wo und was ich ändern kann bzw. muss.


Vielen Dank
und liebe Grüße aus dem Schwarzwald

[jackomono]

Moin,

das ist ein reines CSS Problem und hat eigentlich nichts mit redaxo zu tun:

gib der Css Regel noch zusätzlich

Code: Alles auswählen

display:block; text-indent: -555em

Für mehr Details empfehle ich Dir diesen Artikel: http://meiert.com/de/publications/articles/20050513/

Gruß
Jakob

[Southtown_m]

Das mit der CSS habe ich nun verstanden, zumindest damit der Text nicht mehr erscheint.

Aber was ich nicht genau verstanden habe, wie ich den Menüpnkten die Grafik per css in Bezug mit rex_navigation zuweisen lassen kann. Das wenn ich z.B. home als Menüpnkt habe, dieses aus der CSS rausliest welche Grafik für home zugewiesen wurde. Andererseits könnte ich die Menüpunkte manuel im Template verlinken, welche aber für mich nicht die elegante Lösung wäre.

Vielen Dank
Mit freundlichen Grüßen
Southtown_m

[Southtown_m]

Hab noch rumgespielt aber leider ohne erfolg . wäre um jeden kleinen tipp der mich weiter bringen könnte sehr dankbar!

Vielen Dank
Viele Grüße
Southi

[Richard.Laing]

hi die nav factory gibt die li aber so aus!

Code: Alles auswählen

li class="rex-current"

du schreibst

Code: Alles auswählen

#navi li a.REC-CURRENT

oder auch wie du hier angibst:

Code: Alles auswählen

<li class="aktiv">

das passt ja nicht überein.
ein link zur seite wäre hier angebracht

gruß richy

[Southtown_m]

Hm da hab ich wohl eine fehler gemacht aber nur für mich zum verstehen, hab grad die letzten Tage so einen stecken das ich mir richtig verblödet vorkomme

angenommen ich habe ein Menü als Beispiel:

home | über uns | impressum


rex-current liest ja nur den aktuellen menüpunkt aus bzw. die ebene in der ich mich gerade befinde oder?. "rex-aktiv" liest falls auch in der css hinterlegt wurde, die eigenschaften des aktiven menüpunktes aus?!?!

wenn ich nun in der css für die normale navigation hinterlege,

home - hat das die grafik 01.gif
über uns - 02.gif
impressum - 03.gif

wie kann bzw. muss ich diese hinterlegen, damit dies rex_navigation ausliest?

Steh gerade voll aufm Schlauch. Denke da habe ich was grundlegendes falsch verstanden.


Liebe Grüße

[Southtown_m]

Habe dies momentan offline und habe gerade keinen Server zur Verfügung dies schnell ins Netz zu stellen.

[Richard.Laing]

hi
das würde z.B. über die ID gehen
aber dafür müßte ich auch die seite sehn wie das aufgebaut ist

gruß richy

[Southtown_m]

Hi Richard, siehe pm bitte