nicht angemeldet
Hallo zusammen,
ich habe zwei Select Auswahlmenüs nebeneinander mit Hilfe von "float" platziert.
Zwischen dem ersten <select> und dem zweiten ist ein unsichtbares DIV
<div id="paperdeftooltip", das ein Tooltip anzeigen soll wenn auf das erste Select geklickt wird.
Soweit alles ok.
Wenn nun aber der Tooltip eingeblendet wird, schiebt sich dieser zwischen Select "lis_Paper" und dem zweiten.
Eigentlich klar weil ja die Klasse "tabs" mit "float:left" definiert wurde.
.printertabs div {
float:left;
width:15em;
padding: 0.187em;
}
Wie könnte man es nun hinbekommen, dass dieser Tooltip praktisch neben dem ersten Select aber ÜBER dem zweiten ist, so das dieses nicht nach rechts verschoben wird?
---------------------------------------
<div class="tabs">
<div>
<label for="warn_lis_Paper">Paper</label><br />
<select name="lis_Paper" size="8" onchange="showcatalogue(this.form.lis_Paper.selectedIndex), onmouseout="hideTooltip();">
<option id="lis_Paper_PTA" value="PTA" >Automatic</option>
<option id="lis_Paper_3Tray" value="3Tray" > 3</option>
<option id="lis_Paper_4Tray" value="4Tray" >Large</option>
</select>
</div>
<div id="paperdeftooltip" style="display:none;clear:left;"></div>
<div>
<label for="warn_sel_Option" >option</label><br />
<select name="sel_Option" >
<option id="sel_Option_yes" value="yes" selected="selected">yes</option>
<option id="sel_Option_No" value="No" >no</option>
</select>
</div>
</div>
---------------------------------------
vielen Dank und viele Grüße
hawk