Div und Formularelemente
Elexender
- css
Hallo,
wenn ich ein div element mit folgenden "class" css erstelle
.tooltip { position: absolute; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #000000; padding: 2px; }
dann erscheint dieses div-elemen unter den Formularfeldern (select), wobei alle anderen Feldern (text, textarea etc.) drunter sind. Das passiert nur in MSIE aber nicht in NS Navigator.
wie mache ich das so, dass die Formular-Selects unter dem div sind?
Danke.
Grus Elexender.
Hi,
wie wärs mal mit ner URL oder ein wenig mehr Code?
.tooltip { position: absolute; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #000000; padding: 2px; }
Definiert irgendwas mit variabler Breite oben links im Eck, da du zwar absolut positionierst, aber keine Position angibst.
wie wärs mal mit ner URL oder ein wenig mehr Code?
das ganze wird so gemacht, wie hier beschrieben. Es geht also um die Tooltips.. die eigentlich über den Formularelementen eingeblendet werden sollen nicht drunter :-) (es geht um Vorder- und Hintergrund sozusagen)
http://www.webmatze.de/webdesign/javascript/tooltips.htm
Hi,
http://www.webmatze.de/webdesign/javascript/tooltips.htm
Steht doch im JS:
wmtt.style.left = (x + 20) + "px";
wmtt.style.top = (y + 20) + "px";
Das heisst, das der Tooltip 20 pixel rechts unten vom Mauszeiger ist. Somit weist du, wo du die Position verändern kannst
Das heisst, das der Tooltip 20 pixel rechts unten vom Mauszeiger ist. Somit weist du, wo du die Position verändern kannst.
Ich versuche es noch Mal zu erklären. Die Tooltips werden an der Stelle eingeblendet, wo ich sie brauche und es funktioniert auch einwandfrei. Das Problem ist, dass die Selectfelder des Formulars im Vordergrund erscheinen und die Tooltipps im Hintergrund. Aber eben nur bezogen auf die Selectfelder. Alle anderen Elemente inkl. Formularfelder bleiben schön im Hintergrund, so wie es sein soll.
Und es sieht so aus: ich habe ein Liste von Einträgen z.B. ca. 5 und darüber ein Formular mit Select-, Textfeldern und Textarea. Wenn Tooltip für ein Eintrag in der Liste eingeblendet wird (direkt vor dem Formular), dann sollen doch alle diese Formularfelder im Hintergrund bleiben. Das Passiert aber mit den Selectfeldern nicht. Die sind komischerweise im Vordergrund. Eben das stört mich.. dasss diese Selectfelder praktisch direkt auf dem Tootip sind und hinter sich den notwendigen Tootip-Text verstecken.
Ich habe unter folgender Adresse ein Bild erstellt:
http://www.belegungsplan-online.com/temp/example.jpg
Gruss Alex.
Hallo Elexender!
Das ist ein bekanntes Phänomen im IE: Mehr dazu und einen Tipp für einen Workaround findest Du unter; http://support.microsoft.com/default.aspx?scid=http://support.microsoft.com:80/support/kb/articles/q177/3/78.asp&NoWebContent=1
Schönen Gruß
Afra
Hallo Elexender!
http://www.webmatze.de/webdesign/javascript/tooltips.htm
Wenn Du schon die oben genannte Webseite als Referenz für Deine Tooltipps nimmst, weshalb hälst Du Dich dort nicht an die Anleitung.
Besser wäre es allerdings, wenn Du Deine Toolstips mittel _hover_ ein und wieder ausblenden würdest. Wenn Du hier im Forum nach den entsprechenden Begriffen suchst, findest Du dazu einiges an Hinweisen.
Schönen Gruß
Afra