[JavaScript] css hover

[DZVO]

moin zusammen,
ich hab da nen problem



wie ihr seht ist die hovergrafik + text hinter der selectbox.
aber nur im IE firefox z.B. stellt es da so wie ich es haben will.

hier mal ein paar codeschnippsel

#box_2 {
    font-size: 8pt;
    color:#000000;
}

#box_2 a {
    color:#000066;
    font:normal 8pt verdana, sans-serif;
    text-decoration:none;
    display:inline;
    width:50px;
    padding:0px;
    border:0px;
    position:relative;
}

#box_2 a:hover {
    color:#000066;
    background:#EBEBEB;
}

#box_2 a span {
    display:none;
}

#box_2 a:hover span {
    position:absolute;
    top:-9em;
    left:45px;
    z-index:5;
    display:block;
    width:490px;
    color:black;
    font:normal 8pt verdana, sans-serif;
    border:0px;
    padding:0px;
}

return'<span id="'.$css_box.'"><a href="#">'.$link.'<span>
            <TABLE WIDTH="'.($width+43).'" BORDER="0" CELLPADDING="0" CELLSPACING="0">
                <tr>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_01.gif" width="35" height="40"><img src="'.$cfg['base_uri'] 
. '/imgs/blind/2x2t.gif" width="7" height="1" alt=""></td>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_'.$layer_pic1.'.gif" width="'.$width.'" height="40"></td>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_03.gif" width="8" height="40"></td>

                </tr>
                <tr>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_'.$layer_pic2.'.gif" width="35"></td>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_05.gif" width="'.$width.'" height="50">'.$info.'</td>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_06.gif" width="8"></td>
                </tr>
                <tr>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_07.gif" width="35" height="7">
<img src="'.$cfg['base_uri'] . '/imgs/blind/2x2t.gif" width="7" height="1" alt=""></td>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_08.gif" width="'.$width.'" height="7"></td>
                    <td background="'.$cfg['base_uri'] 
. '/d/imgs/layer_09.gif" width="8" height="7"></td>
                </tr>
            </TABLE>
        </span></a></span>'; 

falls ihr noch mehr code braucht sagen
ansonsten hoffe ich das jemand weiss wie ich das problem lösen kann.

MFG
Maik

[prego]

Brich deinen Code bitte so um, das man nicht horizontal scrollen muss.

Das wirst du im IE nicht beheben können. Die Elemente kommen vom Betriebsystem. Einzige Lösung, die Select-Boxen beim hove display:none zu setzen.

Im FF und Opera funktioniert das, weil die die Elemente selbst erstellen und nicht die vom OS nehmen.

[DZVO]

k alles klar
nur wie setzte ich das um weil ich hab
#box_2
und die multiselectfelder mit
.selectMenu

beide sind nicht verknüpft

aber die beiden stehen in einer css-klasse
.info_middle

also einfacher aufbau

info_middle (auf)
...box_2
...selectmenu
info_middle (zu)

also ist das irgendwie möglich über css selectmenu auf display:none; zu setzten wenn box_2 a:hover aktiviert wurde durch user.


MFG
Maik

[wahsaga]

Original geschrieben von DZVO
also ist das irgendwie möglich über css selectmenu auf display:none; zu setzten wenn box_2 a:hover aktiviert wurde durch user.

Nein.

Das wäre nur dann möglich, wenn select ein Kindelement des gehoverten Elementes wäre.

[prego]

Kannst JavaScript nehmen um das zu machen - oder deine Struktur anders aufbauen. Wobei der IE ja :hover nur auf A-Tag kann - somit müssten deine Selectboxen Kinder von einen A-Element sein und das macht nicht wirklich Sinn.

Ich hehaupt mit onmouseover="getElementById('select_box').style.display = 'none'" solltest du das lösen können.

[prego]

Aber andere idee, positionier deine HilfeBox doch einfach anders...

[wahsaga]

Original geschrieben von prego
Ich hehaupt mit onmouseover="getElementById('select_box').style.display = 'none'" solltest du das lösen können.

visibility ist zu bevorzugen - weil damit der platz reserviert bleibt.

[prego]

Klar, sorry - ging ja um die Selectbox nicht um die Hilfekasten...