4 replies [Last post]
access
Offline
newbie
Last seen: 11 years 36 weeks ago
Joined: 2008-03-11
Posts: 1
Points: 0

I have a drop down menu(see attached). When you do mouse over the menu shows up aligned to the left(marked in red in the attached image). My question is how to align it to the right?

CSS;

#sddm { margin: 0; padding: 0; z-index: 30}

#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}

#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{ background: #49A3FF}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #666666}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 450px;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #7A5346;
font: 11px arial}

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}

HTML:

  • Home
    HTML DropDown DHTML DropDown menu JavaScript DropDown DropDown Menu CSS DropDown
  • Download
    ASP Dropdown Pulldown menu AJAX dropdown DIV dropdown
  • Order
  • Help
  • Contact

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 14 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

Why would you want to? And

Why would you want to?

And where's the rest of your code?

Verschwindende wrote:
  • CSS doesn't make pies

al000y
Offline
newbie
Last seen: 11 years 33 weeks ago
Joined: 2008-03-28
Posts: 2
Points: 0

i need help on this also plz

here is the full code

HTL:


  • Home

    HTML DropDown
    DHTML DropDown menu
    JavaScript DropDown
    DropDown Menu
    CSS DropDown


  • Download

    ASP Dropdown
    Pulldown menu
    AJAX dropdown
    DIV dropdown


  • Order

  • Help

  • Contact


CSS:
#sddm
{ margin: 0;
padding: 0;
z-index: 30}

#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}

#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{ background: #49A3FF}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
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: #EAEBD8;
color: #2875DE;
font: 11px arial}

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}

JAVA script:
// Copyright 2006-2007 javascript-array.com

var timeout = 500;
var closetimer = 0;
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;

i took them from
http://javascript-array.com/scripts/simple_drop_down_menu/

al000y
Offline
newbie
Last seen: 11 years 33 weeks ago
Joined: 2008-03-28
Posts: 2
Points: 0

plz help

plz help

thursday0384
Offline
Regular
Last seen: 9 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-03-10
Posts: 42
Points: 0

if you're better with css

if you're better with css than you are javascript, you can do all this without any javascript, check out cssplay.co.uk