RO funktioniert nicht

Petra · 18. Januar 2005 12:46

Ich möchte eine Grafik vor jeden Menüpunkt stellen, welcher beim rollover-Zustand und beim aktuellen Zustand sichtbar ist. Beim NO soll keine Grafik zu sehn sein.

ACT und NO funktionieren, aber RO bekomm ich nicht hin... kann mir wer sagen was ich falsch mach?

Danke...

temp.menu = HMENU
  # First level menu-object, textual
temp.menu.1 = TMENU
temp.menu.1 {
   # Normal state properties
  NO.ATagParams = class="navi"
  
  NO.allWrap = <table border="0" bgcolor="#FFFFFF"><tr><td width="199" height="30" class="navi"><img src="fileadmin/template/img/normal.gif">&nbsp;|<br></tr></table>


 # Enable current state and set properties:
  CUR = 1
  CUR.ATagParams = class="navi"
  CUR.allWrap = <table border="0" bgcolor="#FFFFFF"><tr><td width="199" height="30" class="navi"><img src="fileadmin/template/img/active.gif">&nbsp;|<br></tr></table>
  
  ACT = 1
  ACT.ATagParams = class="current_link"
  ACT.allWrap = <table border="0" bgcolor="#FFFFFF"><tr><td width="199" height="30" class="navi"><img src="fileadmin/template/img/active.gif">&nbsp;|<br></tr></table>
}

cinos22 · 18. Januar 2005 13:49

Hallo!

Ich sehe in Deinem Script auch gar keinen RO Befehl. Daher kann auch kein Rollover funktionieren. o.O

Kann es sein, dass Du beim Testen Opera benutzt? Ich habe die Erfahrung gemacht, dass die Rollover Effekte beim Opera nur funktionieren, wenn Opera sich als IE6 ausgibt.

Petra · 18. Januar 2005 13:58

Ups ... #paralyzed#

RO = 1
  RO.ATagParams = class="current_link"
  RO.allWrap = <table border="0" bgcolor="#FFFFFF"><tr><td width="199" height="30" class="navi"><img src="fileadmin/template/img/normal.gif">&nbsp;|<br></tr></table>

soooo meinte ich das *peinlich*

Ich teste mitn IE6 ... tut sich aber gar nix 😢

mstuebner · 18. Januar 2005 15:15

Petra schrieb
ACT und NO funktionieren, aber RO bekomm ich nicht hin... kann mir wer sagen was ich falsch mach?

RO ist eine Eigenschaft von GMENU. TMENU hat eine solche nicht. Daher musst Du hier mit CSS arbeiten.

Petra · 18. Januar 2005 15:17

Dacht schon, ich bin zu blöd dafür - danke!

Weißt du evtl. nen Link, in dem das beschrieben wird?

mstuebner · 18. Januar 2005 17:14

Petra schrieb
Dacht schon, ich bin zu blöd dafür - danke!

Weißt du evtl. nen Link, in dem das beschrieben wird?

Was? Wie man in einem CSS file a:hover definiert?
In jeder CSS Beschreibung, z.B. teamone.de solltest Du sowas finden.

Petra · 18. Januar 2005 20:15

Wie definiere ich ein Bild vorm text via css?

Wie ich nen Hintergrund mach ist mir klar, aber ein img?
Nein. Ist mir nicht klar...

jenses · 18. Januar 2005 21:44

a.hover {
background: url(fileadmin/template/img/normal.gif) left top no-repeat;
}

Pfad anpassen !

jenses

n-joy · 19. Januar 2005 09:19

das beispiel von jenses ist schon recht gut, jedoch sollte man dies um einen schlichten befehl erweitern, damit die grafik nicht direkt hinter der schrift liegt.. sondern links daneben...

a {
	padding-left:22px;
}
a:hover {
	background: url(fileadmin/pfad-anpassen/bild.gif) left top no-repeat;
	padding-left:22px;
}

...die px(pixel)-Angabe bei padding-left ist auf das Bild bezogen und sollte in etwa 2px grösser sein als die breite des bild.gif =)

und damit der normale link beim hover nicht so seltsam "springt" sollte man das "padding-left" auch dem normalen link beifügen, jedoch ohne dem Background !

MfG