drop-down menu κρυβεται

[alekossssss]

Γεια χαρα, εχω βαλει ενα drop-down menu στο blog μου απο εδω : http://www.bloggodown.com/2009/06/simple-drop-down-menu-for-blogger.html

 

Το προβλημα ειναι οτι κρυβεται και δεν φενονται οι επιλογες απο κατω. Μια λυση που βρηκα ειναι προσθετοντας το

mergin-bottom 60px;

αναλογα και ποσο το θελω.. Αλλα δε μου κανει αυτο επειδη θελω να εμφανιζεται πανω απο οσα εχω τελος παντων στο blog μου. Αν βοηθάει το blog μου ειναι αυτο στην υπογραφη μου, θα κρατησω το προβλημα μια μερα ωστε αν μπορει καποιος να δει το προβλημα και να με βοηθησει.

 

Ευχαριστω.

[varemarious]

πρέπει να μας δώσεις τον κώδικα σου για να έχεις σαφή απάντηση..

 

Με μια πρώτη σκέψη θα πρέπει να χρησιμοποιήσεις z-index

[alekossssss]

χρειαζεσαι ολο το κωδικα ΗΤΜΛ του μπλογκ?? τον κωδικα του μενου τον γραφει στην σελιδα που σας ειπα οτι πηρα το dropdown menu απλα δεν τον εγραψα γτ ειναι λιγο μεγαλος. Copy paste τον εκανα και απλα εφτιαξα και το μενου με τις καρτελες που ηθελα. Οσο για αυτο το z-index πολλα διαβασα και δε καταλαβα που ακριβως θα τον χρησιμοποιησω. Το πειραξα αρκετες φορες στον κωδικα αλλα τιποτα..

[alekossssss]

ο κωδικας ειναι αυτος

 

<style>

#sddm

{ margin: 0;

padding: 0;

z-index: 30}

 

#sddm li

{ margin: 0;

padding: 0;

list-style: none;

float: left;

/*Font of menu top*/

font: bold 11px arial}

 

#sddm li a

{ display: block;

margin: 0 1px 0 0;

padding: 4px 10px;

/*width of each menu top*/

width: 60px;

/*background color of main menu*/

background: #5970B2;

 

/*text color of main menu*/

color: #FFFFFF;

text-align: center;

text-decoration: none}

 

#sddm li a:hover

{

 

/*background color of main menu on hover*/

background: #49A3FF}

 

#sddm div

{ position: absolute;

visibility: hidden;

margin: 0;

padding: 0;

 

/*background color of drop down menu */

background: #FFFFFF;

/*border of the drop down menu*/

border: 1px solid #5970B2}

 

#sddm div a

{ position: relative;

display: block;

margin: 0;

padding: 5px 10px;

width: auto;

white-space: nowrap;

text-align: left;

text-decoration: none;

/*background color of each menu element*/

background: #FFFFFF;

/*text color of each menu element*/

color: #2875DE;

/*font of each menu element*/

font: 11px arial}

 

#sddm div a:hover

{

/*background of each element on hover*/

background: #49A3FF;

/*font color of each menu item on hover*/

color: #FFFFFF}

</style>

<script type='text/javascript'>

 

var timeout = 500;

var closetimer = 500;

var ddmenuitem = 0;

 

// open hidden layer

function mopen(id)

{

// cancel close timer

mcancelclosetime();

 

// close old layer

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

 

// get new layer and show it

ddmenuitem = document.getElementById(id);

ddmenuitem.style.visibility = 'visible';

 

}

// close showed layer

function mclose()

{

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}

 

// go close timer

function mclosetime()

{

closetimer = window.setTimeout(mclose, timeout);

}

 

// cancel close timer

function mcancelclosetime()

{

if(closetimer)

{

window.clearTimeout(closetimer);

closetimer = null;

}

}

 

// close layer when click-out

document.onclick = mclose;

</script>

 

 

και μετα φτιαχνω και ενα gadget για το blog που διχνει τα tabs του dropdown menu χρησημοποιωντας τον κωδικα :

 

<ul id="sddm">

<li><a href="#"

onmouseover="mopen('m1')"

onmouseout="mclosetime()">Home</a>

<div id="m1"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="#">HTML Drop Down</a>

<a href="#">DHTML Menu</a>

<a href="#">JavaScript DropDown</a>

<a href="#">Cascading Menu</a>

<a href="#">CSS Horizontal Menu</a>

</div>

</li>

<li><a href="#"

onmouseover="mopen('m2')"

onmouseout="mclosetime()">Download</a>

<div id="m2"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="#">ASP Dropdown</a>

<a href="#">Pulldown menu</a>

<a href="#">AJAX Drop Submenu</a>

<a href="#">DIV Cascading Menu</a>

</div>

</li>

<li><a href="#">Order</a></li>

<li><a href="#">Help</a></li>

<li><a href="#">Contact</a></li>

</ul>

<div style="clear:both"></div>

 

 

 

καποια βοηθεια καποιος?????

[alekossssss]

ρε παιδες μπορει να βοηθησει καποιος??? καποια ιδεα?? κατι??