Temruk: Script.Aculo.us: Problem mit Slidermenü (CSS)

Beitrag lesen

SELF-Forum

Script.Aculo.us: Problem mit Slidermenü (CSS)

Temruk
– Informationen zu den Bewertungsregeln

Hallo Experten,

auf einer Seite nutze ich die effect.js von script.aculo.us um ein Slidermenü zu implementieren. Das geht auch entsprechend dieser Anleitung wunderbar:

<div id="slidedown_demo" style="top:70px; left:400px; display:none; width:230px; height:200px; background:#ccc; text-align:center;">  
  <div>  
    This is some test content. This is some test content.  
  </div>  
</div>  
  
<ul>  
  <li><a href="#" onclick="Effect.SlideDown('slidedown_demo'); return false;">Click here for a demo!</a></li>  
  <li><a href="#" onclick="$('slidedown_demo').hide(); return false;">Reset</a></li>  
</ul>

Nun möchte ich den Style-Tag oben aber weg haben und lagere das daher in mein CSS aus:

div.slidedown_demo {  
  top:70px;  
  left:400px;  
  display:none;  
  width:230px;  
  height:200px;  
  background:#ccc;  
  text-align:center;  
}

Und dann funktioniert das Menü komischerweise nicht mehr :( Ich habe erst gedacht es würde an meiner Positionierung liegen, aber ich habe das dann mal auf eine ganz flache Seite gepackt und kann dort genau den gleichen Effekt feststellen. Style-Info direkt am Tag: geht, Style-Info im CSS: geht nicht.

Kann mir jemand einen Tipp geben oder die Tomaten von den Augen nehmen :)?

Herzlichen Dank und Grüße,
Temruk

Beitrag melden
–
Informationen zu den Bewertungsregeln