Αντιμετωπίζω ένα προβληματάκι με ένα menu (που ανοίγει προς τα κάτω), το οποίο φτιάχνεται δυναμικά με javascript. Το πρόβλημα έχει να κάνει με το εξής: όταν "περνάω" το mouse πάνω από μια επιλογή του μενού αυτό "ανοίγει" προς τα κάτω αλλά όποιες από τις επιλογές του μενού "πέσουν" σε κάποιο άλλο control κρύβονται (πάνε από πίσω) από το control και δεν φαίνονται. Παρακάτω παραθέτω τον html κώδικα που παράγεται για το μενού:

            <table id="test_myMenu_table1" border="0" cellpadding="7" cellspacing="10">
    <tr>
        <span onmouseover="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab2').style.visibility='visible';" onmouseout="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab2').style.visibility='hidden';" class="text11">κα΄τι εδώ<table id="test_myMenu_subtab2" style="position:absolute;visibility:hidden;" class="submenu_tab" border="1" bordercolor="silver" cellpadding="1" cellspacing="0">
            <tr>
                <a href="xxx.aspx?rep=1" class="text11">κάτι εδώ</td>
            </tr>
        </table>
        </td>
        <span onmouseover="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab5').style.visibility='visible';" onmouseout="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab5').style.visibility='hidden';" class="text11">κάτι εδώ<table id="test_myMenu_subtab5" style="position:absolute;visibility:hidden;" class="submenu_tab" border="1" bordercolor="silver" cellpadding="1" cellspacing="0">
            <tr>
                <a href="xxx.aspx?rep=110" class="text11">κάτι άλλο εδώ</td>
            </tr>
            <tr>
                <a href="xxx.aspx?rep=111" class="text11">και εδώ κάτι άλλο</td>
            </tr>
        </table>
        </td>
        <span onmouseover="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab8').style.visibility='visible';" onmouseout="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab8').style.visibility='hidden';" class="text11">κάτι εδώ<table id="test_myMenu_subtab8" style="position:absolute;visibility:hidden;" class="submenu_tab" border="1" bordercolor="silver" cellpadding="1" cellspacing="0">
            <tr>
                <a href="xxx.aspx?rep=112" class="text11">και εδώ κάτι</td>
            </tr>
            <tr>
                <a href="xxx.aspx?rep=113" class="text11">και εδώ κάτι</td>
            </tr>
        </table>
        </td>
        <span onmouseover="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab10').style.visibility='visible';" onmouseout="BLOCKED SCRIPTdocument.getElementById('test_myMenu_subtab10').style.visibility='hidden';" class="text11">κάτι και εδώ<table id="test_myMenu_subtab10" style="position:absolute;visibility:hidden;" class="submenu_tab" border="1" bordercolor="silver" cellpadding="1" cellspacing="0">
            <tr>
                <a href="xxx.aspx?rep=107" class="text11">και εδώ κάτι</td>
            </tr>
        </table>
        </td>
    </tr>
</table>
<br>

Εννοείται το ζητούμενό μου είναι πως το μενού θα "καλύπτει" άλλα controls και όχι το αντίθετο. Να σημειωθεί ότι δεν υπάρχουν frames ή οτιδήποτε άλλο στη σελίδα.

Από ότι κατάλαβα θέλεις να αλλάξεις το order που εμφανίζεται το συγκεκριμένο control.

Υπάρχει ένα property στα CSS που ονομάζεται z-index.

Με αυτό το Property ορίζεις το order που θα έχει κάθε control.

Στις παρακάτω συνδέσεις θα βρεις χρήσιμες πληροφορίες για το πως δουλεύει :

http://www.w3schools.com/css/pr_pos_z-index.asp

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/zindex.asp

---

Φιλάρετος Σεβαστιάδης.

Albert Camus: Life is the sum of your choices.

Τα controls δυστυχώς δεν είναι σε συγκεκριμένη θέση για να παίζει αυτό το property =(.

Για κοίτα και αυτό :

http://www.westciv.com/courses/course_info/css_level2/sample_section.html

Νομίζω οτί σου κάνει

---

Φιλάρετος Σεβαστιάδης.

Albert Camus: Life is the sum of your choices.

Όλα καλά, τολμώ να πω θα πρεπε να παίζει, αλλά δυστυχώς και πάλι δεν παίζει

Φίλε Αντώνη!
με μια πρώτη ματία βλέπω ότι στον κώδικα Html που εχεις δώσει, μέσα στο tr του table βάζεις κάτι και κλείνεις ένα td...
<tr><a href="xxx.aspx?rep=112" class="text11">και εδώ κάτι</td></tr>
 το παραπάνω θα πρέπει να διορθωθεί με :
<tr><td><a href="xxx.aspx?rep=112" class="text11">και εδώ κάτι</a></td></tr>

μάλλον κάτι πάει στραβά με τον κώδικα που εχεις στείλει... μήπως 8α μπορούσες να ξαναστείλεις τον κώδικα ως συννημένο ή ως απλό text?

Γιατι απο όσο γνωρίζω, με το μόνο control που θα έχεις κάποιο πρόβλημα... είναι το ComboBox.

 

---

Παναγιώτης Λαβίδας
Software Developer

Από Τρίτη συνεχιζουμε