ToolTips selbst erzeugen, "reservierter Platz"-Problem
Patrick
- html
Hallo Leute,
ich möchte einen ToolTip selbst erzeugen.
Eine Art kleine Notiz, die etwas oberhalb eines Inputfeldes schwebend eingeblendet wird.
Ich dachte es so lösen zu können.
<table border="1">
<TR>
<TD>
<input type="text" value="hans" size="20" />
<span style="position:relative; top:-15px; left:-100px;">peter</span>
</TD>
</TR>
<TR>
<TD>
<input type="text" value="hamburg" size="20"/>
<span style="position:relative; top:-15px; left:-100px;">berlin</span>
</TD>
</TR>
</table>
Die Positionierung funzt gut... Allerdings werden die Textelemente peter und berlin bzw. deren Platz, die vom Browser reserviert werden nach wie vor neben dem Inputfeld definiert und es enstehen unschöne freie Flächen.
Hat jemand eine Idee, wie ich das unterbinden kann ?
Das css display scheint mir nicht weiterhelfen zu können.
Auch eine Kombination aus display:none; und visibility:visible; funzt nicht, wäre aber auch ziemlich gehackt.
Help !?
Danke und Gruß
Patrick
hi,
ich möchte einen ToolTip selbst erzeugen.
http://www.1ngo.de/web/infobox.html
gruß,
wahsaga
Hi,
im Prinzip nicht schlecht.
Allerdings soll mein ToolTip beim Seitenaufbau bereits dort stehen und nicht erst im hover.
Vermutlich scheint dies dort auch nur wegen dem hover zu funktionieren.
Ich kann mir sonst nicht erklären, wieso der Browser in dem Fall keinen Platz für den hinter dem Link definierten Infobox Text im Vorfeld reserviert.
Zumal die box (das span) nur invisible ist und nicht display:none. erst dann soll ja nichts reserviert werden (glaube ich)..
Hat jemand weitere Tips ?
Patrick
hi,
ich möchte einen ToolTip selbst erzeugen.
http://www.1ngo.de/web/infobox.html
gruß,
wahsaga
hi,
Allerdings soll mein ToolTip beim Seitenaufbau bereits dort stehen und nicht erst im hover.
Und dann - restlichen Inhalt ggf. überlagern?
Das fände ich aber suboptimal ...
Vermutlich scheint dies dort auch nur wegen dem hover zu funktionieren.
Nein.
Ich kann mir sonst nicht erklären, wieso der Browser in dem Fall keinen Platz für den hinter dem Link definierten Infobox Text im Vorfeld reserviert.
Zumal die box (das span) nur invisible ist und nicht display:none.
Sie hat auch noch eine weitere Eigenschaft, die sich wesentlich zu Ungunsten einer Platzreservierung bemerkbar macht: Sie ist absolut positioniert ...
gruß,
wahsaga