[gelöst] Seite gethemet. Probleme mit Positionierung der Elemente
am 20.07.2010 - 17:52 Uhr in
Hallo,
ich habe ein CSS Problem, was ich seit Stunden leider nicht gelöst bekomme. Ich theme eine einzelne Seite mit node-x.tpl.php.
Wenn ich mit der Maus über einen Link fahre, öffnet sich eine Box (DIV-Element, siehe Bilder). Leider bekomme ich es nicht hin, das die Box immer im Vordergrund erscheint.
Im Standard-Theme Garland wird die linke Navigiation noch über der Box angezeigt (siehe Bild). In meinem, mit Artisteer erstellten Theme, ist die Box ab der linken Spalte ganz verschwunden (siehe Bild). Habe schon mit z-index:10000 versucht, die Box hochzuziehen, doch das hilft nichts. Habt ihr vielleicht einen Tipp für mich? Wäre sehr dankbar.
Danke,
viele Grüße Stefan
Anhang | Größe |
---|---|
Unbenannt.JPG | 47.87 KB |
Unbenannt2.JPG | 39.67 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Ist schwer das Problem zu
am 20.07.2010 - 18:00 Uhr
Ist schwer das Problem zu beantworten ohne den CSS Code zu kennen.
EIn moeglicher Faktor der mir einfaellt:
Overflow: Hidden/Visible? <- Die Frage bezieht sich auf saemtliche Parent-Elemente, der Box.
Kannst du hier mal den relevanten CSS Code auflisten, oder besser noch, einen Link auf die Seite angeben?
Hallo, vielen Dank für deine
am 20.07.2010 - 20:57 Uhr
Hallo,
vielen Dank für deine Hilfe. Ich habe schon geahnt das es ohne das grundlegende CSS nicht geht. Deshalb hab ich die Seite nun mal hochgeladen: Seite
Leider konnte ich mit overflow: hidden/visible nichts bewirken. :(
Danke und viele Grüße
Stefan
Ok, du benutzt also jquery
am 20.07.2010 - 21:39 Uhr
Ok, du benutzt also jquery tools fuer den Effekt. Ganz nett uebrigens, kannte ich noch nicht.
Ich kann dir leider nicht sagen wo das javascript von jquery tools scheitert (an deinem CSS kann ich keinen Fehler erkennen). Wenn du aber in der linken sidebar (#sidebar-left) den z-index von 2 ausschaltest, dann klappt das tooltip ohne probleme. Kann dir leider nicht sagen ob dieser Hack in drupal unerwuenschte nebeneffekte produziert, aber einen versuch waere es wert.
Bei der Loesung hat geholfen: Firebug
Gruss
CSS: z-index
am 20.07.2010 - 22:16 Uhr
Hallo.
Füge einfach in der style.css Deines Themes folgende Anweisung hinzu:
.tooltipx {
z-index: 1000;
}
Damit liegt der Tooltip vor allen Elementen.
hth,
Stefan
Was er sagt. Meine Loesung
am 20.07.2010 - 22:50 Uhr
Was er sagt. Meine Loesung war zu umstaendlich.
Hallo, vielen Dank für eure
am 21.07.2010 - 10:01 Uhr
Hallo,
vielen Dank für eure Hilfe.
Der Tipp mit dem z-index klappt bei dem Garland-Theme perfekt. Danke.
Sobald ich aber mein mit Artisteer entwickeltes Theme einspiele, habe ich erneut Probleme. Hab schon an allen möglichen z-index geschraubt, aber leider keine Lösung erzielt.
Habt ihr vielleicht noch eine Idee woran es liegen könnte? Hier nochmal die Seite mit Artisteer-Template.
Oder sollte man die Finger von Artisteer lassen?
Vielen Dank,
viele Grüße Stefan
PS. Ja die Tooltips sind echt klasse. Hier der Link dazu
.art-contentLayout
am 21.07.2010 - 10:36 Uhr
.art-contentLayout .art-content { overflow: hidden; }
das ist der bösewicht ;o)
Danke Danke Danke
am 21.07.2010 - 12:55 Uhr
Es klappt. Endlich. Tausend Dank! :)
Viele Grüße
Stefan