Problems with [! DropMenu !] style (css)

9 Posts

koffer Reply #1, 20 years, 10 months ago

i have problem with [! DropMenu !] i cant move to the left, there is to much space at left of the menu and i cant move it.

you can see the template here:

http://www.maribelfonseca.com/index.php?id=1

i have two styles in this menu:

}
#sidebar {
position: absolute;
top:101px;
left:0px;
background: #FFFFFF url(images/fondomenu.jpg) no-repeat top left;
text-align: left;
width: 209px;
height: 517px;
}

#dropmenu {
font-family: "Misproject", Misproject, georgia, helvetica, arial, verdana, sans-serif;
position: absolute;
top:10px;
left:0px;
text-align: left;
}

like you can see in left there is a 0px

i watch in div or link style and i cant see anything working to do this space.

all the style is here

http://www.maribelfonseca.com/assets/templates/default/maribel.css

[! DropMenu !] have a own style?

372 Posts

briggsys Reply #2, 20 years, 10 months ago

Quote from: koffer at Dec 06, 2005, 08:49 PM

i have problem with [! DropMenu !] i cant move to the left, there is to much space at left of the menu and i cant move it.

I’m no CSS expert, but if you Change the UL margin from 1em to 0em and it will move left. This is being inherited by DropMenu as it too uses UL’s

ul {
    list-style: none;
    margin: 0 0 20px 1em;

}

[img]http://www.emanz.ac.nz/assets/images/logo/emanz-icon_16x16.gif[/img] Emergency Management Academy of New Zealand [br] http://www.emanz.ac.nz[br][br]MODx Sandbox Login: sandbox Password: castle [br]
Admin Sandbox Login: sandbox Password: castle

3,975 Posts

Zaigham (aka zi) Reply #3, 20 years, 10 months ago

add this to your css:

#dropmenu li	{
	list-style: none;
	padding: 0px;
	margin: 0;
	}

#dropmenu ul	{
	list-style: none;
	padding: 0px;
	margin: 0;
	}

The left property is actually measures for DIV’s left ending. To shift dropmenu’s output to most left we have to style the "li" and "ul" tags, because DropMenu uses Lists to display menu.

I hope this helps.

regards,

zi

Zaigham R - MODX Professional | Skype | Email | Twitter

Digging the interwebs for #MODX gems and bringing it to you. modx.link

1,193 Posts

ScottyDelicious Reply #4, 20 years, 10 months ago

#dropmenu {
    font-family: "Misproject", Misproject, georgia, helvetica, arial, verdana, sans-serif;
    position: absolute;
   top:10px;
   left:0px;
    text-align: left;
}
#dropmenu ul {
     margin-left:-20px;
}
#dropmenu li {
     list-style:none;
}
#dropmenu li.here {
    margin-left:-20px;
}

-sD-

Husband, Father, Brother, Son, Programmer, Atheist, Nurse, Friend, Lover, Fighter.
All of the above... in no specific order.

I send pointless little messages